allow display language to differ from user setting (#1013)

Author: Fiery-132

src/hooks.server.ts

@@ -8,6 +8,7 @@ import {
   isAvailableLanguageTag,
   setLanguageTag,
   sourceLanguageTag,
+  type AvailableLanguageTag,
 } from "$paraglide/runtime";
 import Authentik, {
   type AuthentikProfile,
@@ -107,10 +108,16 @@ const databaseHandle: Handle = async ({ event, resolve }) => {
     });
   }
 
+  const langCandidates = [
+    event.cookies.get("languageOverride"),
+    member?.language,
+  ];
+
   const lang =
-    member?.language && isAvailableLanguageTag(member.language)
-      ? member.language
-      : sourceLanguageTag;
+    langCandidates.find(
+      (tag): tag is AvailableLanguageTag =>
+        !!tag && isAvailableLanguageTag(tag),
+    ) ?? sourceLanguageTag;
   event.locals.language = lang;
   setLanguageTag(lang);
 

src/routes/(app)/members/[studentId]/UpdateMemberForm.svelte

@@ -12,7 +12,9 @@
   import apiNames from "$lib/utils/apiNames";
   import { page } from "$app/state";
   import type { ExtendedPrismaModel } from "$lib/server/extendedPrisma";
+  /* eslint-disable no-restricted-imports -- This is needed for the language to be set correctly */
   import { goto } from "$app/navigation";
+  /* eslint-enable no-restricted-imports -- Enable again */
   import { i18n } from "$lib/utils/i18n";
 
   interface PageProps {

src/routes/LanguageSwitcher.svelte

@@ -11,6 +11,7 @@
 
   if (browser) {
     onSetLanguageTag(() => {
+      document.cookie = `languageOverride=${languageTag()}; path=/`;
       invalidateAll();
     });
   }