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

fix hoverables on comments

Browse source
This commit is contained in:
Fedor Katurov 2023-12-26 10:58:19 +07:00
parent da93d9380d
commit b1fce38b8f
1 changed files with 7 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentImageGrid/index.tsx
View file

@ -2,8 +2,6 @@ import { FC } from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import { Hoverable } from '~/components/common/Hoverable';
import { Icon } from '~/components/common/Icon';
import { imagePresets } from '~/constants/urls'; import { imagePresets } from '~/constants/urls';
import { IFile } from '~/types'; import { IFile } from '~/types';
import { getURL } from '~/utils/dom'; import { getURL } from '~/utils/dom';
@ -27,20 +25,15 @@ const CommentImageGrid: FC<CommentImageGridProps> = ({ files, onClick }) => {
})} })}
> >
{files.map((file) => ( {files.map((file) => (
<Hoverable <img
key={file.id} key={file.id}
onClick={() => onClick(file)}
className={styles.item} className={styles.item}
icon={<Icon icon="zoom" size={30} />} onClick={() => onClick(file)}
> srcSet={getFileSrcSet(file)}
<img src={getURL(file, imagePresets['300'])}
srcSet={getFileSrcSet(file)} alt={file.name}
src={getURL(file, imagePresets['300'])} sizes={files.length > 1 ? singleSrcSet : multipleSrcSet}
alt={file.name} />
className={styles.image}
sizes={files.length > 1 ? singleSrcSet : multipleSrcSet}
/>
</Hoverable>
))} ))}
</div> </div>
); );