import { Head, Link, usePage } from '@inertiajs/react'; import { LayoutDashboard } from 'lucide-react'; type Dash = { slug: string; name: string; description: string | null }; export default function Dashboards() { const { dashboards } = usePage().props as unknown as { dashboards: Dash[] }; return ( <>

Dashboards

Dashboards published to your organization.

{dashboards.length === 0 ? (

No dashboards yet

An administrator will publish dashboards to your organization.

) : (
{dashboards.map((d) => (

{d.name}

{d.description &&

{d.description}

} ))}
)}
); }