From 8e8e7b314b340f27f75266ad357736b2386d2c18 Mon Sep 17 00:00:00 2001 From: srgooglo Date: Thu, 13 Oct 2022 21:57:09 +0200 Subject: [PATCH] fix attachments --- .../components/{additions => attachments}/index.jsx | 10 +++++----- .../components/{additions => attachments}/index.less | 2 +- .../components/PostCard/components/content/index.jsx | 6 +++--- packages/app/src/components/PostCard/index.less | 2 +- 4 files changed, 10 insertions(+), 10 deletions(-) rename packages/app/src/components/PostCard/components/{additions => attachments}/index.jsx (92%) rename packages/app/src/components/PostCard/components/{additions => attachments}/index.less (99%) diff --git a/packages/app/src/components/PostCard/components/additions/index.jsx b/packages/app/src/components/PostCard/components/attachments/index.jsx similarity index 92% rename from packages/app/src/components/PostCard/components/additions/index.jsx rename to packages/app/src/components/PostCard/components/attachments/index.jsx index 5a144a76..5f177d7a 100644 --- a/packages/app/src/components/PostCard/components/additions/index.jsx +++ b/packages/app/src/components/PostCard/components/attachments/index.jsx @@ -28,8 +28,8 @@ import "react-responsive-carousel/lib/styles/carousel.min.css" import "plyr-react/dist/plyr.css" import "./index.less" -export default class PostAdditions extends React.PureComponent { - getAdditions = (data) => { +export default class PostAttachments extends React.PureComponent { + getAttachments = (data) => { return data.map((addition, index) => { if (typeof addition === "string") { addition = { @@ -109,14 +109,14 @@ export default class PostAdditions extends React.PureComponent { } render() { - return
+ return
1 ?? false} + showIndicators={this.props.attachments?.length > 1 ?? false} > - {this.getAdditions(this.props.additions)} + {this.getAttachments(this.props.attachments)}
} diff --git a/packages/app/src/components/PostCard/components/additions/index.less b/packages/app/src/components/PostCard/components/attachments/index.less similarity index 99% rename from packages/app/src/components/PostCard/components/additions/index.less rename to packages/app/src/components/PostCard/components/attachments/index.less index 7f673693..68055ded 100644 --- a/packages/app/src/components/PostCard/components/additions/index.less +++ b/packages/app/src/components/PostCard/components/attachments/index.less @@ -1,4 +1,4 @@ -.post_additions { +.post_attachments { position: relative; display: flex; diff --git a/packages/app/src/components/PostCard/components/content/index.jsx b/packages/app/src/components/PostCard/components/content/index.jsx index 29e6fe47..ceb761e4 100644 --- a/packages/app/src/components/PostCard/components/content/index.jsx +++ b/packages/app/src/components/PostCard/components/content/index.jsx @@ -6,12 +6,12 @@ import { processString } from "utils" import { Icons } from "components/Icons" -import PostAdditions from "../additions" +import PostAttachments from "../attachments" import "./index.less" export default React.memo((props) => { - let { message, additions, type, data } = props.data + let { message, attachments, type, data } = props.data if (typeof data === "string") { try { @@ -99,7 +99,7 @@ export default React.memo((props) => { {message}
- {additions.length > 0 && } + {attachments.length > 0 && } } } diff --git a/packages/app/src/components/PostCard/index.less b/packages/app/src/components/PostCard/index.less index 333e9596..66dd340b 100644 --- a/packages/app/src/components/PostCard/index.less +++ b/packages/app/src/components/PostCard/index.less @@ -100,7 +100,7 @@ .post_content { height: 100%; - .post_additions { + .post_attachments { .carousel-root { .carousel { height: 100%;