From 00e2ae45aa1e7b2114e0ebb1d344d950e4fa09a3 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Fri, 6 Dec 2024 11:12:56 -0800
Subject: fix payment buttons

---
 src/routes/(app)/+layout.svelte                  |  2 +-
 src/routes/(app)/payments/[...page]/+page.svelte | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index d2644443..31238a87 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -26,7 +26,7 @@
   let { user, subject, token } = $derived(data);
   let { theme } = $state(data);
 
-  $themeStore = theme;
+  $effect(() => ($themeStore = theme));
   $effect(() => (theme = $themeStore));
 
   afterNavigate(() => {
diff --git a/src/routes/(app)/payments/[...page]/+page.svelte b/src/routes/(app)/payments/[...page]/+page.svelte
index 5204b35f..c19c38bd 100644
--- a/src/routes/(app)/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/payments/[...page]/+page.svelte
@@ -170,10 +170,12 @@
   <div class="container w-full mx-auto text-lg px-2 max-w-xl space-y-2">
     <div class="mx-auto flex justify-center w-full gap-1">
       {#each presets as { start, end, title }, i}
-        <a href={`/payments/${getUnixTime(start) + "/"}1`}>
-          <button class="btn" class:btn-active={selection === i}>
-            <div class="my-auto">{title}</div>
-          </button>
+        <a
+          href={`/payments/${getUnixTime(start)}/1`}
+          class="btn !w-auto"
+          class:!btn-active={selection === i}
+        >
+          {title}
         </a>
       {/each}
     </div>
-- 
cgit v1.2.3