diff --git a/interface/app/$libraryId/overview/Categories.tsx b/interface/app/$libraryId/overview/Categories.tsx index 46122dc2d..316e60545 100644 --- a/interface/app/$libraryId/overview/Categories.tsx +++ b/interface/app/$libraryId/overview/Categories.tsx @@ -3,6 +3,7 @@ import clsx from 'clsx'; import { motion } from 'framer-motion'; import { ArrowLeft, ArrowRight } from 'phosphor-react'; import { useEffect, useRef, useState } from 'react'; +import { useDraggable } from 'react-use-draggable-scroll'; import { Category, useLibraryQuery } from '@sd/client'; import { useIsDark } from '~/hooks'; import CategoryButton from './CategoryButton'; @@ -33,6 +34,7 @@ export const Categories = (props: { selected: Category; onSelectedChanged(c: Cat const isDark = useIsDark(); const [scroll, setScroll] = useState(0); const ref = useRef(null); + const { events } = useDraggable(ref as React.MutableRefObject); const [lastCategoryVisible, setLastCategoryVisible] = useState(false); useEffect(() => { @@ -76,6 +78,7 @@ export const Categories = (props: { selected: Category; onSelectedChanged(c: Cat
= { title: 'Button', component: Button, argTypes: {}, @@ -13,21 +13,23 @@ export default { args: { children: 'Button' } -} as Meta; +}; + +export default meta; const Template: StoryFn = (args) =>