import { Head, Link, router } from '@inertiajs/react'; import { index as standExplorerIndex, show as standExplorerShow } from '@/actions/App/Http/Controllers/StandExplorerController'; import Heading from '@/components/heading'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { dashboard } from '@/routes'; type ExplorerLocation = { id: number; name: string; town: string; region: string; stands_count: number; }; type ExplorerStand = { id: number; name: string; position_label: string | null; clays_per_round: number; photo_count: number; sessions_count: number; targets_hit: number; targets_attempted: number; hit_percentage: number; last_scored_at: string | null; }; function formatPercentage(value: number): string { return `${value.toFixed(1)}%`; } function formatDate(value: string | null): string { if (!value) { return 'No rounds yet'; } return new Intl.DateTimeFormat('en-GB', { day: 'numeric', month: 'short', year: 'numeric', }).format(new Date(value)); } export default function StandExplorerOverview({ locations, selectedLocationId, selectedLocation, stands, }: { locations: ExplorerLocation[]; selectedLocationId: number | null; selectedLocation: Omit | null; stands: ExplorerStand[]; }) { return ( <>
Stand explorer

{selectedLocation ? `${selectedLocation.name} ยท ${selectedLocation.town}, ${selectedLocation.region}` : 'No active locations are available yet.'}

Stand table Your completed-round stats are shown per stand so you can spot where your numbers are strongest or drifting.
{selectedLocation ? (
{stands.length} stands
) : null}
{selectedLocation ? (
{stands.map((stand) => ( ))}
Position Stand Rounds Hits Hit rate Photos Last scored Action
{stand.position_label ?? 'No position'}

{stand.name}

{stand.clays_per_round} clay {stand.clays_per_round === 1 ? '' : 's'}

{stand.sessions_count} {stand.targets_hit}/{stand.targets_attempted} {formatPercentage(stand.hit_percentage)} {stand.photo_count} {formatDate(stand.last_scored_at)}
) : (
Add an active location with stands to unlock the stand explorer.
)}
); }