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 {