antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-12 23:36:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(source): fix gallery (#213)

Browse Source 
* 3.0.82

* version number

* fix gallery bug
This commit is contained in:
Anton Tranelis 2025-05-06 11:31:36 +02:00 committed by GitHub
parent 4d0ffdffc6
commit 924195ce9f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/Components/Profile/Subcomponents/GalleryView.tsx
View File

@ -9,26 +9,25 @@ import type { Item } from '#types/Item'
export const GalleryView = ({ item }: { item: Item }) => { export const GalleryView = ({ item }: { item: Item }) => {
const [index, setIndex] = useState(-1) const [index, setIndex] = useState(-1)
const appState = useAppState() const appState = useAppState()
const images = item.gallery?.map((i, j) => { const images =
return { item.gallery?.map((i, j) => ({
src: appState.assetsApi.url + `${i.directus_files_id.id}.jpg`, src: appState.assetsApi.url + `${i.directus_files_id.id}.jpg`,
width: i.directus_files_id.width, width: i.directus_files_id.width,
height: i.directus_files_id.height, height: i.directus_files_id.height,
index: j, index: j,
} })) ?? []
})
if (!images) throw new Error('GalleryView: images is undefined') if (images.length > 0)
return (
<div className='tw:mx-6 tw:mb-6'>
<RowsPhotoAlbum
photos={images}
targetRowHeight={150}
onClick={({ index: current }) => setIndex(current)}
/>
return ( <ReactLightbox index={index} slides={images} open={index >= 0} close={() => setIndex(-1)} />
<div className='tw:mx-6 tw:mb-6'> </div>
<RowsPhotoAlbum )
photos={images} else return <></>
targetRowHeight={150}
onClick={({ index: current }) => setIndex(current)}
/>
<ReactLightbox index={index} slides={images} open={index >= 0} close={() => setIndex(-1)} />
</div>
)
} }