import { Head } from '@inertiajs/react'; import { useState } from 'react'; import PendingInvitationsModal from '@/components/pending-invitations-modal'; import { PlaceholderPattern } from '@/components/ui/placeholder-pattern'; import { dashboard } from '@/routes'; import type { DashboardInvitation } from '@/types'; type Props = { pendingInvitations?: DashboardInvitation[]; }; export default function Dashboard({ pendingInvitations = [] }: Props) { const [showInvitations, setShowInvitations] = useState( pendingInvitations.length > 0, ); return ( <> 0 && showInvitations} onOpenChange={setShowInvitations} />

); } Dashboard.layout = (props: { currentTeam?: { slug: string } | null }) => ({ breadcrumbs: [ { title: 'Dashboard', href: props.currentTeam ? dashboard(props.currentTeam.slug) : '/', }, ], });