ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Carousel cleanup (#2325)

Browse Source 
* Remove unused carousel args

* Remove unused export

* Remove unnecessary ref in dependencies
This commit is contained in:
ekzyis 2025-07-24 18:07:22 +02:00 committed by GitHub
parent ecac519efb
commit 160b04ceaa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/carousel.js
View File

@ -53,7 +53,7 @@ function useArrowKeys ({ moveLeft, moveRight }) {
}, [onKeyDown]) }, [onKeyDown])
} }
export default function Carousel ({ close, mediaArr, src, originalSrc, setOptions }) { function Carousel ({ close, mediaArr, src }) {
const [index, setIndex] = useState(mediaArr.findIndex(([key]) => key === src)) const [index, setIndex] = useState(mediaArr.findIndex(([key]) => key === src))
const [currentSrc, canGoLeft, canGoRight] = useMemo(() => { const [currentSrc, canGoLeft, canGoRight] = useMemo(() => {
return [mediaArr[index][0], index > 0, index < mediaArr.length - 1] return [mediaArr[index][0], index > 0, index < mediaArr.length - 1]
@ -108,21 +108,21 @@ export function CarouselProvider ({ children }) {
const showModal = useShowModal() const showModal = useShowModal()
const showCarousel = useCallback(({ src }) => { const showCarousel = useCallback(({ src }) => {
showModal((close, setOptions) => { showModal((close) => {
return <Carousel close={close} mediaArr={Array.from(media.current.entries())} src={src} setOptions={setOptions} /> return <Carousel close={close} mediaArr={Array.from(media.current.entries())} src={src} />
}, { }, {
fullScreen: true, fullScreen: true,
overflow: <CarouselOverflow {...media.current.get(src)} /> overflow: <CarouselOverflow {...media.current.get(src)} />
}) })
}, [showModal, media.current]) }, [showModal])
const addMedia = useCallback(({ src, originalSrc, rel }) => { const addMedia = useCallback(({ src, originalSrc, rel }) => {
media.current.set(src, { src, originalSrc, rel }) media.current.set(src, { src, originalSrc, rel })
}, [media.current]) }, [])
const removeMedia = useCallback((src) => { const removeMedia = useCallback((src) => {
media.current.delete(src) media.current.delete(src)
}, [media.current]) }, [])
const value = useMemo(() => ({ showCarousel, addMedia, removeMedia }), [showCarousel, addMedia, removeMedia]) const value = useMemo(() => ({ showCarousel, addMedia, removeMedia }), [showCarousel, addMedia, removeMedia])
return <CarouselContext.Provider value={value}>{children}</CarouselContext.Provider> return <CarouselContext.Provider value={value}>{children}</CarouselContext.Provider>