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
-
+
)}
>
- )}