import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { PlaceholderPattern } from '@/components/ui/placeholder-pattern'; import AppLayout from '@/layouts/app-layout'; import { dashboard } from '@/routes'; import admin from '@/routes/admin'; import { type BreadcrumbItem } from '@/types'; import { Head, Link } from '@inertiajs/react'; import { ArrowRight } from 'lucide-react'; type SearchSummary = { total: number; today: number; last_7_days: number; avg_duration_ms: number | null; }; type Props = { searchSummary: SearchSummary; webFormSummary: SearchSummary; }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: dashboard().url, }, ]; export default function Dashboard({ searchSummary, webFormSummary }: Props) { return (
Search traffic View analytics
Total searches
{searchSummary.total.toLocaleString()}
Today
{searchSummary.today.toLocaleString()}
Last 7 days
{searchSummary.last_7_days.toLocaleString()}
Avg. response
{searchSummary.avg_duration_ms !== null ? `${Math.round(searchSummary.avg_duration_ms)} ms` : '—'}
Enrollment starts View analytics
Total starts
{webFormSummary.total.toLocaleString()}
Today
{webFormSummary.today.toLocaleString()}
Last 7 days
{webFormSummary.last_7_days.toLocaleString()}
Avg. response
{webFormSummary.avg_duration_ms !== null ? `${Math.round(webFormSummary.avg_duration_ms)} ms` : '—'}
); }