From f69c49a60f9489c46739e518270b8a0ecefa4aa6 Mon Sep 17 00:00:00 2001
From: izzy <me@insrt.uk>
Date: Thu, 20 Nov 2025 15:41:20 +0000
Subject: [PATCH] refactor: add maintenanceStore to hold writables

---
 web/src/lib/stores/maintenance.store.ts | 4 +++-
 web/src/lib/utils/maintenance.ts        | 4 ++--
 web/src/routes/maintenance/+page.svelte | 8 +++++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/web/src/lib/stores/maintenance.store.ts b/web/src/lib/stores/maintenance.store.ts
index 9680a06366..617da1523a 100644
--- a/web/src/lib/stores/maintenance.store.ts
+++ b/web/src/lib/stores/maintenance.store.ts
@@ -1,4 +1,6 @@
 import { type MaintenanceAuthDto } from '@immich/sdk';
 import { writable } from 'svelte/store';
 
-export const maintenanceAuth = writable<MaintenanceAuthDto>();
+export const maintenanceStore = {
+  auth: writable<MaintenanceAuthDto>(),
+};
diff --git a/web/src/lib/utils/maintenance.ts b/web/src/lib/utils/maintenance.ts
index f3d8bd1cbb..71d7fc3c80 100644
--- a/web/src/lib/utils/maintenance.ts
+++ b/web/src/lib/utils/maintenance.ts
@@ -1,5 +1,5 @@
 import { AppRoute } from '$lib/constants';
-import { maintenanceAuth as maintenanceAuth$ } from '$lib/stores/maintenance.store';
+import { maintenanceStore } from '$lib/stores/maintenance.store';
 import { maintenanceLogin } from '@immich/sdk';
 
 export function maintenanceCreateUrl(url: URL) {
@@ -26,7 +26,7 @@ export const loadMaintenanceAuth = async () => {
       },
     });
 
-    maintenanceAuth$.set(auth);
+    maintenanceStore.auth.set(auth);
   } catch {
     // silently fail
   }
diff --git a/web/src/routes/maintenance/+page.svelte b/web/src/routes/maintenance/+page.svelte
index a1486c41ba..7328342b1a 100644
--- a/web/src/routes/maintenance/+page.svelte
+++ b/web/src/routes/maintenance/+page.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
   import AuthPageLayout from '$lib/components/layouts/AuthPageLayout.svelte';
   import FormatMessage from '$lib/elements/FormatMessage.svelte';
-  import { maintenanceAuth } from '$lib/stores/maintenance.store';
+  import { maintenanceStore } from '$lib/stores/maintenance.store';
   import { handleError } from '$lib/utils/handle-error';
   import { MaintenanceAction, setMaintenanceMode } from '@immich/sdk';
   import { Button, Heading, Link } from '@immich/ui';
   import { t } from 'svelte-i18n';
 
+  const { auth } = maintenanceStore;
+
   // strip token from URL after load
   const url = new URL(location.href);
   if (url.searchParams.get('token')) {
@@ -41,11 +43,11 @@
         {/snippet}
       </FormatMessage>
     </p>
-    {#if $maintenanceAuth}
+    {#if $auth}
       <p>
         {$t('maintenance_logged_in_as', {
           values: {
-            user: $maintenanceAuth.username,
+            user: $auth.username,
           },
         })}
       </p>