fix(ui): restore delete buttons in document list

This commit is contained in:
4NK IA 2025-09-17 16:42:18 +00:00
parent 2a8007d0c8
commit 6737865c43

View File

@ -40,16 +40,18 @@ import {
uploadFileToFolderThunk,
loadFolderResults,
setCurrentFolderHash,
removeDocument,
} from '../store/documentSlice'
import { Layout } from '../components/Layout'
import { FilePreview } from '../components/FilePreview'
import type { Document } from '../types'
// Composant mémorisé pour les items de la liste
const DocumentListItem = memo(({ doc, index, onPreview, totalCount }: {
doc: Document,
index: number,
const DocumentListItem = memo(({ doc, index, onPreview, onDelete, totalCount }: {
doc: Document,
index: number,
onPreview: (doc: Document) => void,
onDelete: (id: string) => void,
totalCount: number
}) => {
const getFileIcon = (mimeType: string) => {
@ -156,6 +158,14 @@ const DocumentListItem = memo(({ doc, index, onPreview, totalCount }: {
>
Aperçu
</Button>
<Button
size="small"
color="error"
onClick={() => onDelete(doc.id)}
fullWidth
>
Supprimer
</Button>
</Box>
</ListItem>
{index < totalCount - 1 && <Divider />}
@ -175,6 +185,10 @@ export default function UploadView() {
console.log('🏠 [UPLOAD_VIEW] Component loaded, documents count:', memoizedDocuments.length)
const [previewDocument, setPreviewDocument] = useState<Document | null>(null)
const handleDelete = useCallback((id: string) => {
dispatch(removeDocument(id))
}, [dispatch])
const [dialogOpen, setDialogOpen] = useState(false)
const [createOpen, setCreateOpen] = useState(false)
const [newFolderName, setNewFolderName] = useState('')
@ -428,6 +442,7 @@ export default function UploadView() {
doc={doc}
index={index}
onPreview={setPreviewDocument}
onDelete={handleDelete}
totalCount={memoizedDocuments.length}
/>
))}