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