/* The platform admin portal: businesses and their subscriptions. A sidebar on computers, a top bar on phones. */ import { Head, Link, router, usePage } from '@inertiajs/react'; import type { ComponentType, ReactNode } from 'react'; import { Building2, CreditCard, DatabaseBackup, LayoutDashboard, LogOut, MessageSquareText, UserRound, type LucideProps } from 'lucide-react'; import type { SharedProps } from '../types'; import { cx } from '../components/ui'; import { FlashToast } from '../components/overlays'; import { AppMark } from '../components/brand'; const NAV: { label: string; route: string; match?: string; icon: ComponentType }[] = [ { label: 'Overview', route: 'platform.dashboard', icon: LayoutDashboard }, { label: 'Businesses', route: 'platform.businesses.index', match: 'platform.businesses.*', icon: Building2 }, { label: 'SMS', route: 'platform.sms', icon: MessageSquareText }, { label: 'Payment details', route: 'platform.settings', icon: CreditCard }, { label: 'Backups', route: 'platform.backups.index', icon: DatabaseBackup }, { label: 'My profile', route: 'platform.profile', icon: UserRound }, ]; export default function PlatformLayout({ title, children }: { title: string; children: ReactNode }) { const { auth, appName } = usePage().props; const on = (n: (typeof NAV)[number]) => route().current(n.route) || (!!n.match && route().current(n.match)); return ( <>
{children}
); }