From cbb1da50dfca9438aae73f84ca35750390ed3f30 Mon Sep 17 00:00:00 2001
From: Ludwig Lehnert <ludwig@lehnert.dev>
Date: Fri, 13 Jun 2025 09:21:14 +0200
Subject: [PATCH] small fix (1)

---
 src/lib/lang.ts                      | 4 ++++
 src/routes/(area)/today/+page.svelte | 7 ++++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/lang.ts

diff --git a/src/lib/lang.ts b/src/lib/lang.ts
new file mode 100644
index 0000000..e751756
--- /dev/null
+++ b/src/lib/lang.ts
@@ -0,0 +1,4 @@
+export function lang() {
+    if (typeof window !== 'object') return 'en';
+    return navigator.language;
+}
\ No newline at end of file
diff --git a/src/routes/(area)/today/+page.svelte b/src/routes/(area)/today/+page.svelte
index 0067ba3..5a9b778 100644
--- a/src/routes/(area)/today/+page.svelte
+++ b/src/routes/(area)/today/+page.svelte
@@ -4,6 +4,7 @@
     import { dateDiff } from "$lib/date";
     import { getKeyVault, loggedIn } from "$lib/auth";
     import { encrypt, uint8ToHex } from "$lib/crypto";
+    import { lang } from "$lib/lang";
 
     type StatusT = "pending" | "active" | "error";
     let status = $state<StatusT>("pending");
@@ -121,8 +122,8 @@
             style="animation-delay: 50ms;"
         >
             <div class="rounded-3xl bg-white px-3 py-1 font-serif text-center w-fit">
-                <h1 class="font-bold text-xl">{now.toLocaleDateString(navigator.language, { dateStyle: 'long' })}</h1>
-                <h2 class="text-sm">{now.toLocaleTimeString(navigator.language)}</h2>
+                <h1 class="font-bold text-xl">{now.toLocaleDateString(lang(), { dateStyle: 'long' })}</h1>
+                <h2 class="text-sm">{now.toLocaleTimeString(lang())}</h2>
             </div>
 
             {#if !!recordingStart}
@@ -132,7 +133,7 @@
                     <div>
                         <span class="text-md">
                             <!-- <span class="font-bold">Recording</span> -->
-                            <span>{dateDiff(now, recordingStart).toLocaleTimeString(navigator.language, { minute: 'numeric', second: 'numeric' })}</span>
+                            <span>{dateDiff(now, recordingStart).toLocaleTimeString(lang(), { minute: 'numeric', second: 'numeric' })}</span>
                         </span>
                     </div>
                 </div>