From 73b87adb68cde8349eba10a5d0a26263be793a03 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 2 May 2023 12:08:14 +0100
Subject: [PATCH 1/2] fix: small fixes

---
 src/lib/layout/button.svelte          | 51 +++++++++++++++++++++++++++
 src/lib/layout/unauthenticated.svelte |  4 ---
 src/routes/card/[uid]/+page.svelte    |  7 ++--
 3 files changed, 55 insertions(+), 7 deletions(-)
 create mode 100644 src/lib/layout/button.svelte

diff --git a/src/lib/layout/button.svelte b/src/lib/layout/button.svelte
new file mode 100644
index 0000000000..46e757434e
--- /dev/null
+++ b/src/lib/layout/button.svelte
@@ -0,0 +1,51 @@
+<script lang="ts">
+    type Icon = {
+        name: string;
+        ariaLabel: string;
+    };
+    export let icon: Icon | undefined = undefined;
+    // You could use CVA to handle sizes and other variants (https://github.com/joe-bell/cva)
+    export let size: 'sm' | 'md' | 'lg' = 'md';
+    export let disabled = false;
+</script>
+
+<!-- Be sure to forward all the event handlers you need -->
+<button
+    on:click
+    on:blur
+    on:keydown
+    on:keyup
+    on:focus
+    aria-label={icon.ariaLabel ?? undefined}
+    class="button button-{size}"
+    {disabled}>
+    {#if icon}
+        <!-- This is just a mock implementation, you'd probably use svgs or a lib here -->
+        <i class="icon-{icon.name}" />
+    {:else}
+        <slot />
+    {/if}
+</button>
+
+<style>
+    button {
+    }
+
+    /* States */
+    button:hover {
+    }
+    button:active {
+    }
+    button:focus {
+    }
+    button:disabled {
+    }
+
+    /* Sizes */
+    .button-sm {
+    }
+    .button-md {
+    }
+    .button-lg {
+    }
+</style>
diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
index 3bf57ab5cb..3f4ebff5f0 100644
--- a/src/lib/layout/unauthenticated.svelte
+++ b/src/lib/layout/unauthenticated.svelte
@@ -183,10 +183,6 @@
 </main>
 
 <style lang="scss">
-    :global(body) {
-        --main-header-height: 0px !important;
-    }
-
     @media (prefers-reduced-motion: reduce) {
         main * {
             animation: none !important;
diff --git a/src/routes/card/[uid]/+page.svelte b/src/routes/card/[uid]/+page.svelte
index 67aa186585..5b32df8191 100644
--- a/src/routes/card/[uid]/+page.svelte
+++ b/src/routes/card/[uid]/+page.svelte
@@ -127,7 +127,7 @@
                     <a
                         href="/register"
                         class="button u-width-full-line u-main-center u-margin-block-start-16 external-btn-top"
-                        >Claim your card</a>
+                        data-sveltekit-reload>Claim your card</a>
                 {/if}
             </div>
         </div>
@@ -160,9 +160,10 @@
         </ul>
         <div class="card-footer">
             {#if variant === 'owner'}
-                <a href="/console" class="button">Go to console</a>
+                <a data-sveltekit-reload href="/console" class="button">Go to console</a>
             {:else}
-                <a href="/card" class="button external-btn-bottom">Claim your card</a>
+                <a data-sveltekit-reload href="/card" class="button external-btn-bottom"
+                    >Claim your card</a>
             {/if}
         </div>
     </div>

From 96869efb4a3a1282b806a52f17db12fd4c6a0b78 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 2 May 2023 12:10:51 +0100
Subject: [PATCH 2/2] fix: remove unwanted file

---
 src/lib/layout/button.svelte | 51 ------------------------------------
 1 file changed, 51 deletions(-)
 delete mode 100644 src/lib/layout/button.svelte

diff --git a/src/lib/layout/button.svelte b/src/lib/layout/button.svelte
deleted file mode 100644
index 46e757434e..0000000000
--- a/src/lib/layout/button.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-    type Icon = {
-        name: string;
-        ariaLabel: string;
-    };
-    export let icon: Icon | undefined = undefined;
-    // You could use CVA to handle sizes and other variants (https://github.com/joe-bell/cva)
-    export let size: 'sm' | 'md' | 'lg' = 'md';
-    export let disabled = false;
-</script>
-
-<!-- Be sure to forward all the event handlers you need -->
-<button
-    on:click
-    on:blur
-    on:keydown
-    on:keyup
-    on:focus
-    aria-label={icon.ariaLabel ?? undefined}
-    class="button button-{size}"
-    {disabled}>
-    {#if icon}
-        <!-- This is just a mock implementation, you'd probably use svgs or a lib here -->
-        <i class="icon-{icon.name}" />
-    {:else}
-        <slot />
-    {/if}
-</button>
-
-<style>
-    button {
-    }
-
-    /* States */
-    button:hover {
-    }
-    button:active {
-    }
-    button:focus {
-    }
-    button:disabled {
-    }
-
-    /* Sizes */
-    .button-sm {
-    }
-    .button-md {
-    }
-    .button-lg {
-    }
-</style>