From fef8b840e14cfc935c59fea29957c78ff13d3312 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Wed, 6 Nov 2024 23:10:14 -0800
Subject: theme cookie

---
 src/routes/(app)/invoice/[id]/+layout.server.ts |  5 +++--
 src/routes/(app)/invoice/[id]/+layout@.svelte   | 11 +++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

(limited to 'src/routes/(app)/invoice')

diff --git a/src/routes/(app)/invoice/[id]/+layout.server.ts b/src/routes/(app)/invoice/[id]/+layout.server.ts
index a844b928..e428d9fe 100644
--- a/src/routes/(app)/invoice/[id]/+layout.server.ts
+++ b/src/routes/(app)/invoice/[id]/+layout.server.ts
@@ -1,6 +1,6 @@
-import * as Qr from "qrcode-base64";
 import { get } from "$lib/utils";
 import { redirect } from "@sveltejs/kit";
+import * as Qr from "qrcode-base64";
 
 export async function load({ cookies, depends, params, url, parent }) {
 	depends("app:invoice");
@@ -36,5 +36,6 @@ export async function load({ cookies, depends, params, url, parent }) {
 	}
 
 	const src = Qr.drawImg(invoice?.text || "", { size: 500 });
-	return { id, invoice, subject, src, user, token };
+	const theme = cookies.get("theme");
+	return { id, invoice, subject, src, user, token, theme };
 }
diff --git a/src/routes/(app)/invoice/[id]/+layout@.svelte b/src/routes/(app)/invoice/[id]/+layout@.svelte
index da801750..62c05db1 100644
--- a/src/routes/(app)/invoice/[id]/+layout@.svelte
+++ b/src/routes/(app)/invoice/[id]/+layout@.svelte
@@ -10,7 +10,7 @@
     passwordPrompt,
     password,
     pin,
-    theme,
+    theme as themeStore,
   } from "$lib/store";
   import { page } from "$app/stores";
   import { browser } from "$app/environment";
@@ -24,13 +24,16 @@
 
   export let data;
 
-  let { generate, rate, user, subject, token, rates } = data;
+  let { generate, rate, user, subject, token, rates, theme } = data;
 
   $: update(data);
   let update = (data) => {
-    ({ rate, user, subject, token, rates } = data);
+    ({ rate, user, subject, token, rates, theme } = data);
   };
 
+  $: theme = $themeStore;
+  $themeStore = theme;
+
   onMount(async () => {
     if (browser) {
       checkSocket();
@@ -104,7 +107,7 @@
 
 <SvelteToast options={{ reversed: true, intro: { y: 192 } }} />
 
-<main class="min-h-dvh" data-theme={$theme}>
+<main class="min-h-dvh" data-theme={theme}>
   <AppHeader {user} {subject} />
   {#if !$loading}
     <slot />
-- 
cgit v1.2.3