From 3299855f86302b9e77562fca0f2332f7204d605a Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Fri, 26 Apr 2024 23:42:04 +0000
Subject: [PATCH] Add loading state to setup and signup pages

---
 src/routes/setup/+page.svelte  | 8 ++++++--
 src/routes/signup/+page.svelte | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/routes/setup/+page.svelte b/src/routes/setup/+page.svelte
index ec815da..5827177 100644
--- a/src/routes/setup/+page.svelte
+++ b/src/routes/setup/+page.svelte
@@ -2,6 +2,10 @@
   import { enhance } from "$app/forms";
 
   let loading = false;
+
+  function toggleLoad() {
+    loading = !loading;
+  }
 </script>
 
 <h1 class="text-center font-bold text-4xl">AdventureLog Setup</h1>
@@ -16,7 +20,7 @@
   <h2 class="text-center font-bold text-2xl mt-6">Create Admin User</h2>
 
   <div class="flex justify-center">
-    <form method="post" use:enhance class="w-full max-w-xs">
+    <form method="post" use:enhance={toggleLoad} class="w-full max-w-xs">
       <label for="username">Username</label>
       <input
         name="username"
@@ -59,4 +63,4 @@
     name="description"
     content="Setup AdventureLog with your admin account"
   />
-</svelte:head>;
+</svelte:head>
diff --git a/src/routes/signup/+page.svelte b/src/routes/signup/+page.svelte
index b3ee95e..c3cfdc0 100644
--- a/src/routes/signup/+page.svelte
+++ b/src/routes/signup/+page.svelte
@@ -61,4 +61,4 @@
     name="description"
     content="Signup for AdventureLog to start logging your adventures!"
   />
-</svelte:head>;
+</svelte:head>