muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed comment attachments click

Browse source
This commit is contained in:
Fedor Katurov 2022-12-14 09:39:12 +06:00
parent 6957813cd0
commit dd8b4e9dcf
2 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/comment/CommentContent/index.tsx
View file

@ -69,6 +69,12 @@ const CommentContent: FC<IProps> = memo(
onDelete(comment.id, !comment.deleted_at);
}, [comment, onDelete]);
const onImageClick = useCallback(
(file: IFile) =>
onShowImageModal(groupped.image, groupped.image.indexOf(file)),
[onShowImageModal, groupped],
);
const menu = useMemo(
() => (
<div>
@ -130,7 +136,7 @@ const CommentContent: FC<IProps> = memo(
<div className={classnames(styles.block, styles.block_image)}>
{menu}
<CommentImageGrid files={groupped.image} />
<CommentImageGrid files={groupped.image} onClick={onImageClick} />
<div className={styles.date}>
{getPrettyDate(comment.created_at)}

8
src/components/comment/CommentImageGrid/index.tsx
View file

@ -11,12 +11,13 @@ import styles from './styles.module.scss';
interface CommentImageGridProps {
files: IFile[];
onClick: (file: IFile) => void;
}
const singleSrcSet = '(max-width: 1024px) 40vw, 20vw';
const multipleSrcSet = '(max-width: 1024px) 50vw, 20vw';
const CommentImageGrid: FC<CommentImageGridProps> = ({ files }) => {
const CommentImageGrid: FC<CommentImageGridProps> = ({ files, onClick }) => {
return (
<div
className={classNames(styles.images, {
@ -24,10 +25,7 @@ const CommentImageGrid: FC<CommentImageGridProps> = ({ files }) => {
})}
>
{files.map((file, index) => (
<div
key={file.id}
// onClick={() => onShowImageModal(groupped.image, index)}
>
<div key={file.id} onClick={() => onClick(file)}>
<img
srcSet={getFileSrcSet(file)}
src={getURL(file, imagePresets['300'])}