import { Head, Link } from '@inertiajs/react'; import { AlertTriangle, Eye } from 'lucide-react'; import Heading from '@/components/heading'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { dashboard } from '@/routes'; import { index as stockAlertsIndex } from '@/routes/admin/stock-alerts'; import { show as warehouseShow } from '@/routes/admin/warehouses'; type StockAlert = { id: number; quantity: number; min_stock: number; product: { id: number; code: string; name: string }; warehouse: { id: number; code: string; name: string }; }; export default function StockAlertsIndex({ alerts, }: { alerts: StockAlert[]; }) { return ( <>
{alerts.length === 0 ? (

Aucune alerte pour le moment. Tous les stocks sont au-dessus de leur seuil minimum.

) : (
Produit Entrepôt Quantité Seuil mini Actions {alerts.map((alert) => (
{alert.product.name} {alert.product.code}
{alert.warehouse.name} {alert.warehouse.code}
{alert.quantity} {alert.min_stock} ))}
)}
); } StockAlertsIndex.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Alertes de stock', href: stockAlertsIndex.url() }, ], };