diff --git a/src/components/DocumentList.tsx b/src/components/DocumentList.tsx index e16a0d1..2f29b08 100644 --- a/src/components/DocumentList.tsx +++ b/src/components/DocumentList.tsx @@ -1,8 +1,6 @@ 'use client'; import Link from 'next/link'; -import { Button } from '@headlessui/react'; -import { Popover } from '@headlessui/react'; import { useCallback, useState } from 'react'; import { useDocuments } from '@/contexts/DocumentContext'; import { PDFIcon, EPUBIcon, ChevronUpDownIcon } from '@/components/icons/Icons'; @@ -14,6 +12,9 @@ import { ListboxButton, ListboxOption, ListboxOptions, + Popover, + PopoverPanel, + Button, } from '@headlessui/react'; type DocumentToDelete = { @@ -210,7 +211,7 @@ export function DocumentList() { } catch (err) { console.error('Failed to remove document:', err); } - }, [documentToDelete]); + }, [documentToDelete, removePDF, removeEPUB]); const toggleFolderCollapse = (folderId: string) => { setCollapsedFolders(prev => { @@ -422,7 +423,6 @@ export function DocumentList() { - {({ open }) => ( <> {pendingFolderDocs && (
- @@ -447,11 +447,10 @@ export function DocumentList() { />

Press Enter to create

- + )} - )}