import { DatePickerWithRange } from "@/components/Dashboard/DatePicker"; import AuthenticatedLayout from "@/layouts/authenticated-layout"; import { Head, usePage } from "@inertiajs/react"; import { Building, School, UsersRound, Waves, Skull, ArrowUpRight, ArrowDownRight, TrendingUp, Activity, } from "lucide-react"; import { Card } from "@/components/ui/card"; import hasAnyPermission from "@/utils/hasAnyPermission"; import { ChartCard } from "@/components/Dashboard/ChartCard"; export default function Dashboard() { const { auth, runPosts } = usePage().props; const userPermissions = auth?.user?.permissions ?? []; return (
{/* Top Section */}

Dashboard Overview

{/* Stats Section */}
{/* Total Laporan (Cek Permission) */} {/* {hasAnyPermission(userPermissions, ["Dashboard.index"]) && ( */}
+12.5%

Total Laporan

1,305

 {/* )} */} {/* Jumlah Perusahaan */}
+8.2%

Jumlah Perusahaan

847

 {/* Jumlah Verifikator */}
-3.1%

Jumlah Verifikator

124

 {/* Air Limbah */}
+5.7%

Air Limbah

2,431

 {/* Limbah B3 */}
-2.3%

Limbah B3

567
{/* Cerobong Stats Section */}

Total Cerobong

Update terakhir: Senin, 03 Feb 2025

2,336
); }