diff --git a/src/renderer/src/components/ImageGallery/index.tsx b/src/renderer/src/components/ImageGallery/index.tsx index 1ab48753..43c762f1 100644 --- a/src/renderer/src/components/ImageGallery/index.tsx +++ b/src/renderer/src/components/ImageGallery/index.tsx @@ -17,7 +17,6 @@ export default function ImageGallery({ size?: 'normal' | 'small' }) { const [index, setIndex] = useState(-1) - const [thumbs, setThumbs] = useState(images.map(getThumbUrl)) const handlePhotoClick = (event: React.MouseEvent, current: number) => { event.preventDefault() @@ -26,12 +25,12 @@ export default function ImageGallery({ return (
e.stopPropagation()}> - -
- {thumbs.map((src, index) => { + +
+ {images.map((src, index) => { return ( handlePhotoClick(e, index)} @@ -49,24 +48,8 @@ export default function ImageGallery({ close={() => setIndex(-1)} controller={{ closeOnBackdropClick: true, closeOnPullUp: true, closeOnPullDown: true }} styles={{ toolbar: { paddingTop: '2.25rem' } }} - on={{ - view: ({ index }) => { - setThumbs((pre) => pre.map((src, i) => (i === index ? images[i] : src))) - setIndex(index) - } - }} /> {isNsfw && }
) } - -function getThumbUrl(url: string) { - if (url.startsWith('https://image.nostr.build/')) { - return url.replace('https://image.nostr.build/', 'https://image.nostr.build/thumb/') - } - if (url.startsWith('https://i.nostr.build/')) { - return url.replace('https://i.nostr.build/', 'https://i.nostr.build/thumb/') - } - return url -} diff --git a/src/renderer/src/components/VideoPlayer/index.tsx b/src/renderer/src/components/VideoPlayer/index.tsx index ce88104e..1d656984 100644 --- a/src/renderer/src/components/VideoPlayer/index.tsx +++ b/src/renderer/src/components/VideoPlayer/index.tsx @@ -16,6 +16,7 @@ export default function VideoPlayer({