import { Head } from '@inertiajs/react'; import { FileText, Plus, Search, Upload } from 'lucide-react'; import { useState } from 'react'; import { type BreadcrumbItem } from '@/types'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Badge } from '@/components/ui/badge'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/' }, { title: 'Documents', href: '/documents' }, ]; interface Document { id: number; name: string; type: string; mime_type: string | null; size: number; created_at: string; uploader?: { name: string } | null; } function formatBytes(bytes: number): string { if (bytes === 0) return '0 B'; const k = 1024; const sizes = ['B', 'KB', 'MB', 'GB']; const i = Math.floor(Math.log(bytes) / Math.log(k)); return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i]; } export default function DocumentsIndex() { const [search, setSearch] = useState(''); const [documents, setDocuments] = useState([]); const [loading, setLoading] = useState(false); const fetchDocuments = async () => { setLoading(true); try { const res = await fetch(`/api/v1/documents?search=${encodeURIComponent(search)}`, { headers: { 'Accept': 'application/json' }, credentials: 'same-origin', }); const json = await res.json(); setDocuments(json.data?.data || json.data || []); } catch { // ignore } setLoading(false); }; return (

Documents

Gestion centralisée des documents

setSearch(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && fetchDocuments()} className="pl-9" />

Nom Type Taille Uploadé par Date {documents.length === 0 ? ( Cliquez sur « Rechercher » pour charger les documents ) : ( documents.map((doc) => ( {doc.name} {doc.type} {formatBytes(doc.size)} {doc.uploader?.name || '—'} {new Date(doc.created_at).toLocaleDateString('fr-FR')} )) )}

); }