From 7d04a32ff1651189df0c43a9db33a52ee7bf5e9c Mon Sep 17 00:00:00 2001 From: Kevin Cantrell Date: Mon, 22 Sep 2025 16:03:39 +0900 Subject: [PATCH 1/4] adding style changes --- database.types.ts | 6 +++ src/lib/components/BatteryLevel.svelte | 46 +++++++++++++++++++ src/lib/components/StatsCard/StatsCard.svelte | 5 +- .../devices/[devEui]/+page.svelte | 44 ++++++++++++++---- supabase/.temp/cli-latest | 2 +- 5 files changed, 91 insertions(+), 12 deletions(-) create mode 100644 src/lib/components/BatteryLevel.svelte diff --git a/database.types.ts b/database.types.ts index 75e21336..333ca958 100644 --- a/database.types.ts +++ b/database.types.ts @@ -579,6 +579,7 @@ export type Database = { Row: { ai_provider: string | null; battery_changed_at: string | null; + battery_level: number | null; dev_eui: string; installed_at: string | null; lat: number | null; @@ -595,6 +596,7 @@ export type Database = { Insert: { ai_provider?: string | null; battery_changed_at?: string | null; + battery_level?: number | null; dev_eui: string; installed_at?: string | null; lat?: number | null; @@ -611,6 +613,7 @@ export type Database = { Update: { ai_provider?: string | null; battery_changed_at?: string | null; + battery_level?: number | null; dev_eui?: string; installed_at?: string | null; lat?: number | null; @@ -1057,6 +1060,7 @@ export type Database = { created_at: string; dev_eui: string; id: number; + line_number: number | null; people_count: number; traffic_hour: string | null; truck_count: number; @@ -1068,6 +1072,7 @@ export type Database = { created_at?: string; dev_eui: string; id?: number; + line_number?: number | null; people_count?: number; traffic_hour?: string | null; truck_count?: number; @@ -1079,6 +1084,7 @@ export type Database = { created_at?: string; dev_eui?: string; id?: number; + line_number?: number | null; people_count?: number; traffic_hour?: string | null; truck_count?: number; diff --git a/src/lib/components/BatteryLevel.svelte b/src/lib/components/BatteryLevel.svelte new file mode 100644 index 00000000..086e2c7d --- /dev/null +++ b/src/lib/components/BatteryLevel.svelte @@ -0,0 +1,46 @@ + + + +
+ + {value}% +
diff --git a/src/lib/components/StatsCard/StatsCard.svelte b/src/lib/components/StatsCard/StatsCard.svelte index 1319ba38..280ea77a 100644 --- a/src/lib/components/StatsCard/StatsCard.svelte +++ b/src/lib/components/StatsCard/StatsCard.svelte @@ -11,9 +11,10 @@ key: string; stats?: DeviceStats; expandable?: boolean; + class: string; }; - let { key, stats = {}, expandable = true }: Props = $props(); + let { key, stats = {}, expandable = true, class: className }: Props = $props(); let { min, max, avg, median, stdDev, count, lastReading, trend } = $derived(stats[key]); let title = $derived($_(key)); let notation = $derived(nameToNotation(key)); @@ -51,7 +52,7 @@
(Date.now()); @@ -409,6 +409,7 @@ // Cleanup on destroy import { onDestroy } from 'svelte'; + import BatteryLevel from '$lib/components/BatteryLevel.svelte'; onDestroy(() => { teardownRealtime(); if (staleCheckIntervalId) clearInterval(staleCheckIntervalId); @@ -422,6 +423,10 @@
+ {#if device.battery_level !== null} + + {/if} +