Function CollectionListItem

frontend/src/components/commonUI/Drawer.tsx:23–51

({
  collection,
  onNavigate,
}: { collection: Collection; onNavigate: () => void })

import LanguageSelector from './LanguageSelector'

function CollectionListItem({
  collection,
  onNavigate,
}: { collection: Collection; onNavigate: () => void }) {
  return (
    <List.Item
      key={collection.id}
      display="flex"
      alignItems="center"
      px={3}
      py={2}
      borderRadius="lg"
      transition="all 0.4s"
      _hover={{ bg: 'bg.100' }}
      _active={{ bg: 'bg.100' }}
    >
      <Link
        to="/collections/$collectionId"
        params={{ collectionId: collection.id }}
        onClick={onNavigate}
        style={{ width: '100%' }}
      >
        <Text fontSize="15px" color="fg.DEFAULT" truncate>
          {collection.name}
        </Text>
      </Link>
    </List.Item>
  )
}

function Drawer({ isOpen, setIsOpen }: { isOpen: boolean; setIsOpen: (open: boolean) => void }) {
  const { t } = useTranslation()