import { Head } from '@inertiajs/react'; import { ReactNode } from 'react'; import AdminLayout from '@/layouts/AdminLayout'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Construction } from 'lucide-react'; interface ComingSoonProps { path: string; } const labels: Record = { orders: 'Bookings', calendar: 'Calendar', trainers: 'Trainers', companies: 'Companies', availability: 'Availability', courses: 'Courses', 'course-assignments': 'Assignments', venues: 'Locations', 'e-learning': 'E-Learning', accounts: 'Accounts', 'user-roles': 'User Roles', 'discount-codes': 'Discounts', sops: 'SOPs', 'locktel-cms': 'Locktel CMS', 'audit-log': 'Audit Log', prerequisites: 'Prerequisites', waitlist: 'Waitlist', certificates: 'Certificates', revenue: 'Revenue', 'ar-assist': 'AR Assist', services: 'Services', 'location-overrides': 'Location Overrides', 'date-changes': 'Date Changes', 'my-schedule': 'My Schedule', finance: 'Finance', 'course-requests': 'Course Requests', 'compliance-hub': 'Compliance Hub', 'compliance-docs': 'Compliance Docs', 'risk-assessor': 'Risk Assessor', 'skills-gap': 'Skills Gap', }; function titleFor(path: string): string { const seg = path.split('/').filter(Boolean)[0] ?? ''; return labels[seg] || seg.replace(/-/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase()); } export default function ComingSoon({ path }: ComingSoonProps) { const label = titleFor(path); return ( <>

{label}

Coming soon This page is on the porting list and will land in a follow-up batch.

The route /admin/{path} is wired, but the React page from the source app hasn't been ported into Inertia yet.

); } ComingSoon.layout = (page: ReactNode) => {page};