Make UI language, timestamps and live feedback consistent

2026-10-07 19:46:40 -04:00
parent 0ed3cd6b47
commit 70185eb98c
81 changed files with 656 additions and 332 deletions
@@ -0,0 +1,12 @@
+<script lang="ts">
+    import { browser } from '$app/environment';
+    import { timestampISO, type Timestamp } from '$lib/time-zone.js';
+    import { timeFormat } from '$ui/stores/time-zone.js';
+    import { uiNow } from '$ui/stores/servers.js';
+
+    let { value, missing = '—', class: className }: { value: Timestamp; missing?: string; class?: string } = $props();
+    const iso = $derived(timestampISO(value));
+    const now = $derived(browser ? $uiNow : Date.now());
+</script>
+
+{#if iso}<time class={className} datetime={iso} title={$timeFormat.dateTime(value)}>{$timeFormat.relative(value, now)}</time>{:else}<span class={className}>{missing}</span>{/if}