import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, router, usePage } from '@inertiajs/react'; // ← Tambahkan `router` import { useEffect } from 'react'; import { Bar, BarChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts'; // Breadcrumb const breadcrumbs: BreadcrumbItem[] = [{ title: 'Dashboard', href: '/dashboard' }]; // Tipe data type ContainerData = { id: number; order_id: number; container_number: string; entry_date?: string | null; exit_date?: string | null; }; type ProdukTerlarisData = { product_label: string; total_order: number; }; // Tipe PageProps yang kompatibel import type { Page } from '@inertiajs/core'; type PageProps = Page & { // eslint-disable-next-line @typescript-eslint/no-explicit-any [key: string]: any; auth: { user: { id: number; name: string; email: string; role_id: number; }; }; jumlahContainerMasuk?: number; jumlahContainerBelumMasuk?: number; jumlahContainerBelumKeluar?: number; dataContainerBelumMasuk?: ContainerData[]; dataContainerBelumKeluar?: ContainerData[]; produkTerlaris?: ProdukTerlarisData[]; }; export default function Dashboard() { // Ambil props dan role_id const { props } = usePage(); const roleId = props.auth?.user?.role_id; // Redirect otomatis jika role_id = 4 useEffect(() => { if (roleId == 4) { router.visit('/karantina'); } }, [roleId]); // Jika role_id = 4, jangan render apa-apa (akan redirect) if (roleId == 4) { return null; } // Ambil data dari props const { jumlahContainerMasuk = 0, jumlahContainerBelumMasuk = 0, jumlahContainerBelumKeluar = 0, dataContainerBelumMasuk = [], dataContainerBelumKeluar = [], produkTerlaris = [], } = props; return (
{/* Statistic Cards */}
{/* Container Masuk - Role 1, 2, 3 */} {(roleId == 1 || roleId == 2 || roleId == 3) && (
Container Masuk {jumlahContainerMasuk}
)} {/* Belum Ada Jam Keluar - Role 1, 2 */} {(roleId == 1 || roleId == 2) && (
Belum Ada Jam Keluar {jumlahContainerBelumKeluar}
)} {/* Top 10 Produk Terlaris - Hanya Role 1 */} {roleId == 1 && (
Top 10 Produk Terlaris `${Math.round(value)}`} /> `${Math.round(value)}`} />
)}
{/* Tabel: Belum Ada Jam Masuk */}

{jumlahContainerBelumMasuk} Kontainer Belum Ada Jam Masuk

{dataContainerBelumMasuk.length == 0 ? ( ) : ( dataContainerBelumMasuk.map((row, i) => ( )) )}
No Nomor Kontainer Entry Date Exit Date Aksi
Tidak ada data
{i + 1} {row.container_number} {row.entry_date ?? '-'} {row.exit_date ?? '-'} Detail
{/* Tabel: Belum Ada Jam Keluar */}

{jumlahContainerBelumKeluar} Daftar Kontainer Belum Ada Jam Keluar

{dataContainerBelumKeluar.length == 0 ? ( ) : ( dataContainerBelumKeluar.map((row, i) => ( )) )}
No Nomor Kontainer Entry Date Exit Date Aksi
Tidak ada data
{i + 1} {row.container_number} {row.entry_date ?? '-'} {row.exit_date ?? '-'} Detail
); }