diff --git a/packages/app/src/components/PostCard/index.jsx b/packages/app/src/components/PostCard/index.jsx
index 0d7082cd..d3dfbd50 100644
--- a/packages/app/src/components/PostCard/index.jsx
+++ b/packages/app/src/components/PostCard/index.jsx
@@ -113,22 +113,6 @@ const PostContent = React.memo((props) => {
let carruselRef = React.useRef(null)
- const onClickController = (direction) => {
- if (carruselRef.current) {
- switch (direction) {
- case "left": {
- return carruselRef.current.prev()
- }
- case "right": {
- return carruselRef.current.next()
- }
- default: {
- return null
- }
- }
- }
- }
-
// first filter if is an string
additions = additions.filter(file => typeof file === "string")
@@ -191,7 +175,7 @@ const PostContent = React.memo((props) => {
key={index}
>
- Loading
} >
+ Loading} >
@@ -228,7 +212,7 @@ const PostContent = React.memo((props) => {
arrows={true}
nextArrow={}
prevArrow={}
- autoplay
+ autoplay={props.autoCarrousel}
>
{additions}
@@ -285,7 +269,13 @@ const PostActions = (props) => {
}
-export const PostCard = React.memo(({ selfId, data = {}, events = {} }) => {
+export const PostCard = React.memo(({
+ selfId,
+ expansibleActions = window.app.settings.get("postCard_expansible_actions"),
+ autoCarrousel = window.app.settings.get("postCard_carrusel_auto"),
+ data = {},
+ events = {}
+}) => {
const [loading, setLoading] = React.useState(true)
const [likes, setLikes] = React.useState(data.likes ?? [])
const [comments, setComments] = React.useState(data.comments ?? [])
@@ -345,7 +335,11 @@ export const PostCard = React.memo(({ selfId, data = {}, events = {} }) => {
return
diff --git a/packages/app/src/components/PostCard/index.less b/packages/app/src/components/PostCard/index.less
index ad0cbb4d..50f03acc 100644
--- a/packages/app/src/components/PostCard/index.less
+++ b/packages/app/src/components/PostCard/index.less
@@ -21,6 +21,16 @@
outline-color: var(--primaryColor);
}
+ &.noHide {
+ .wrapper {
+ margin-bottom: 25px;
+ }
+
+ .actionsWrapper {
+ opacity: 1;
+ }
+ }
+
.wrapper {
display: inline-flex;
flex-direction: column;
@@ -409,10 +419,6 @@
.actionsWrapper {
opacity: 1;
}
-
- // .actionsIndicator {
- // opacity: 0;
- // }
}
.adm-swiper-track-inner {