Add basic forms and routes

web-app/src/routes/(authenticated)/account/+page.server.ts

@@ -8,7 +8,7 @@ export const actions = {
   logout: async ({ cookies }) => {
     cookies.delete("session_token", { path: "/" });
 
-    return { logout: { success: true } };
+    return { success: true, message: "Successfully logged out" };
   },
   deleteAccount: async ({ request, fetch, cookies }) => {
     const data = await request.formData();
@@ -27,10 +27,10 @@ export const actions = {
     const response = await res.json();
 
     if (!res.ok) {
-      return { deleteAccount: { success: false, message: response.message } };
+      return { success: false, message: response.message };
     }
 
     cookies.delete("session_token", { path: "/" });
-    return { deleteAccount: { success: true } };
+    return { success: true, message: "Successfully deleted account" };
   }
 };

web-app/src/routes/(authenticated)/account/+page.svelte

@@ -4,6 +4,14 @@
   const { data, form } = $props();
 </script>
 
+{#if form?.success}
+  <p>{form.message}</p>
+{/if}
+
+{#if form?.success === false}
+  <p>{form.message}</p>
+{/if}
+
 <section>
   <h2>Overview</h2>
 
@@ -20,10 +28,6 @@
 <section>
   <h2>Logout</h2>
 
-  {#if form?.logout?.success}
-    <p>Successfully logged out</p>
-  {/if}
-
   <form method="POST" action="?/logout" use:enhance>
     <button type="submit">Logout</button>
   </form>
@@ -32,17 +36,9 @@
 <section>
   <h2>Delete account</h2>
 
-  {#if form?.deleteAccount?.success}
-    <p>Account was deleted</p>
-  {/if}
-
-  {#if form?.deleteAccount?.success === false}
-    <p>{form.deleteAccount.message}</p>
-  {/if}
-
   <form method="POST" action="?/deleteAccount" use:enhance>
     <label>
-      Password
+      Password:
       <input type="password" name="password" required />
     </label>