Force refresh when logging out

No doubt there's a nicer way to update things but I haven't been able to work it out

Author: frederickobrien

dashboard/src/lib/remote-functions/artist.remote.ts

@@ -47,11 +47,9 @@ export const updateArtistDetails = form(ArtistDetailsForm, async (data) => {
   });
 });
 
-export const logOut = query(async () => {
+export const signOut = query(async () => {
   const { locals } = getRequestEvent();
-  const { session } = await locals.safeGetSession();
-  if (session) {
+  if (locals.session) {
     await locals.supabase.auth.signOut();
-    redirect(303, "/login");
   }
 });

dashboard/src/routes/+layout.svelte

@@ -4,13 +4,11 @@
   import { dashboardState, type DashboardSectionId } from "$lib/state.svelte";
   import { invalidate } from "$app/navigation";
   import { onMount } from "svelte";
-  import { logOut } from "$lib/remote-functions/artist.remote";
+  import { signOut } from "$lib/remote-functions/artist.remote";
 
   let { children, data } = $props();
 
-  let { supabase, session } = $derived(data);
-
-  const artists = $derived(data.artists);
+  let { supabase, session, artists } = $derived(data);
 
   onMount(() => {
     const { data } = supabase.auth.onAuthStateChange((_, newSession) => {
@@ -29,8 +27,12 @@
   ];
 </script>
 
+<svelte:head>
+  <meta name="robots" content="noindex" />
+</svelte:head>
+
 <div class="dashboard-container">
-  {#if data.session}
+  {#if session}
     <div class="side-panel">
       <h1>Soli • Dashboard</h1>
       <hr />
@@ -82,7 +84,13 @@
         {/each}
       {/if}
       <hr />
-      <button onclick={() => logOut()}>Sign Out</button>
+      <button
+        onclick={() => {
+          signOut().then(() => {
+            location.reload();
+          });
+        }}>Sign Out</button
+      >
     </div>
   {/if}
 

dashboard/src/routes/login/+page.svelte

@@ -21,7 +21,7 @@
 </script>
 
 <svelte:head>
-  <title>Login • Soli</title>
+  <title>Login • Soli Dashboard</title>
 </svelte:head>
 
 <div class="wrapper">