import { Head, Link } from '@inertiajs/react'; import SensorHistoryController from '@/actions/App/Http/Controllers/SensorHistoryController'; import Heading from '@/components/heading'; import SensorMap from '@/components/sensor-map'; import WindDirectionIndicator from '@/components/wind-direction-indicator'; import { formatSensorMetricValue } from '@/lib/sensor-metrics'; 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 DashboardSensor = { id: number; name: string; friendly_name: string | null; display_name: string; device_id: string; description: string | null; image_url: string | null; latitude: number | null; longitude: number | null; sensor_type_name: string | null; latest_data: Record; latest_received_at: string | null; }; function isWindDirectionMetric(key: string, value: unknown): value is number { return key === 'wind_direction' && typeof value === 'number'; } export default function Dashboard({ sensors, stats, }: { sensors: DashboardSensor[]; stats: { sensor_count: number; active_sensor_types: number; recent_updates: number; }; }) { const sensorsWithLocations = sensors.filter( (sensor): sensor is DashboardSensor & { latitude: number; longitude: number } => sensor.latitude !== null && sensor.longitude !== null, ); return ( <>
Registered sensors {stats.sensor_count} Sensor types in use {stats.active_sensor_types} Sensors with readings {stats.recent_updates}
Sensor map A live view of every sensor with stored coordinates. Latest sensor data The most recent decoded payload stored for each sensor. {sensors.length === 0 ? (
No sensors have been created yet.
) : (
{sensors.map((sensor) => (
{sensor.image_url ? ( {sensor.display_name} ) : ( No image )}

{sensor.display_name}

{sensor.friendly_name ? (

Internal name: {sensor.name}

) : null}
{sensor.sensor_type_name ? ( {sensor.sensor_type_name} ) : null}

Device ID: {sensor.device_id}

Last update:{' '} {sensor.latest_received_at ?? 'No readings yet'}

Coordinates:{' '} {sensor.latitude !== null && sensor.longitude !== null ? `${sensor.latitude.toFixed(4)}, ${sensor.longitude.toFixed(4)}` : 'Not set'}

{sensor.description ?? 'No description provided.'}

{Object.keys(sensor.latest_data).length === 0 ? (
No decoded values are stored for this sensor yet.
) : ( Object.entries(sensor.latest_data) .slice(0, 6) .map(([key, value]) => (
{key.replaceAll('_', ' ')}
{isWindDirectionMetric(key, value) ? ( ) : typeof value === 'object' ? ( JSON.stringify(value) ) : ( formatSensorMetricValue( key, value, ) )}
)) )}
))}
)}
); } Dashboard.layout = { breadcrumbs: [ { title: 'Dashboard', href: dashboard(), }, ], };