import { Head, Link, usePage } from '@inertiajs/react'; import { LayoutDashboard, Building2, ArrowRight, PenTool } from 'lucide-react'; type BuiltIn = { key: string; name: string; description: string; href: string; stats: { label: string; value: string }[]; }; type Dash = { id: number; name: string; slug: string; description: string | null; widgets: number; updated_at: string | null }; export default function Dashboards() { const { builtIn, dashboards, canCreate } = usePage().props as unknown as { builtIn: BuiltIn[]; dashboards: Dash[]; canCreate: boolean; }; return ( <>

Dashboards

Reports and dashboards available to you.

{canCreate && ( Dashboard Studio )}
{builtIn.length > 0 && (

Reports

{builtIn.map((b) => (

{b.name}

Live from Rentec & Salesforce

{b.description}

{b.stats.map((s) => (

{s.value}

{s.label}

))}
))}
)}

Custom dashboards

{dashboards.map((d) => (

{d.name}

{d.description &&

{d.description}

}

{d.widgets} widgets{d.updated_at ? ` ยท updated ${d.updated_at}` : ''}

))} {dashboards.length === 0 && (

No custom dashboards yet.{canCreate && ' Build one in the Dashboard Studio.'}

)}
); }