fix(ui): restore delete buttons in document list
This commit is contained in:
parent
2a8007d0c8
commit
6737865c43
@ -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}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user