degmods/degmods.com
6
1
Fork 0
Code Issues 34 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

fix(gallery): invalid source

Browse Source
This commit is contained in:
en 2025-02-27 17:24:22 +01:00
parent 0167f90326
commit 4ea00d1af6
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Notes/NoteRender.tsx
View File

@ -35,7 +35,7 @@ export const NoteRender = ({ content }: NoteRenderProps) => {
slide: 1
})
const slides = useMemo(() => {
const urls: string[] = []
const sources: { url: string; type: 'image' | 'video' | 'youtube' }[] = []
const parts = content.matchAll(new RegExp(`${link.source}`, 'gui'))
;[...parts]
.filter((p) => typeof p !== 'undefined')
@ -43,18 +43,23 @@ export const NoteRender = ({ content }: NoteRenderProps) => {
const [href] = part
if (href && isValidUrl(href)) {
if (isValidImageUrl(href) || isValidVideoUrl(href)) {
urls.push(href)
if (isValidImageUrl(href)) {
sources.push({ url: href, type: 'image' })
} else if (isValidVideoUrl(href)) {
sources.push({ url: href, type: 'video' })
} else if (isYoutubeLink(href)) {
const id = getIdFromYoutubeLink(href)
if (id) {
urls.push(`https://www.youtube.com/embed/${id}`)
sources.push({
url: `https://www.youtube.com/embed/${id}`,
type: 'youtube'
})
}
}
}
})
return urls
return sources
}, [content])
const openLightBoxOnSlide = useCallback(
@ -62,7 +67,7 @@ export const NoteRender = ({ content }: NoteRenderProps) => {
slides.length &&
setLightBoxController((prev) => ({
toggler: !prev.toggler,
slide: slides.findIndex((s) => s === url) + 1
slide: slides.findIndex((s) => s.url === url) + 1
}))
},
[slides]
@ -184,7 +189,8 @@ export const NoteRender = ({ content }: NoteRenderProps) => {
createPortal(
<FsLightbox
toggler={lightBoxController.toggler}
sources={slides}
sources={slides.map((s) => s.url)}
types={slides.map((s) => s.type)}
slide={lightBoxController.slide}
/>,
document.body