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

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

@ -9,17 +9,15 @@ 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 ( return (
<div className='tw:mx-6 tw:mb-6'> <div className='tw:mx-6 tw:mb-6'>
<RowsPhotoAlbum <RowsPhotoAlbum
@ -31,4 +29,5 @@ export const GalleryView = ({ item }: { item: Item }) => {
<ReactLightbox index={index} slides={images} open={index >= 0} close={() => setIndex(-1)} /> <ReactLightbox index={index} slides={images} open={index >= 0} close={() => setIndex(-1)} />
</div> </div>
) )
else return <></>
} }