@@ -10,7 +11,7 @@
import { Button } from "$/components/ui/button";
import { LANDING_NAV_ITEMS, handleLandingNavClick } from ".";
- let { user, session }: LandingNavProps = $props();
+ let { user, session, loading }: LandingNavProps = $props();
let scrollY = $state(0);
const isFloating = $derived(scrollY > 50);
@@ -72,11 +73,15 @@
{#if fullyAuthenticated}
- Go to Dashboard
{:else if needs2FA}
{/if}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8e15f779..d4f4ce77 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -14,14 +14,21 @@
import { getAuthUser } from "$/api/auth.remote";
import { onMount } from "svelte";
- let { user, session } = $state({
+ let { user, session, loading } = $state<
+ App.Locals & {
+ loading: boolean;
+ }
+ >({
user: null,
session: null,
+ loading: true,
});
onMount(() => {
try {
- getAuthUser().then((data) => ([user, session] = [data.user, data.session]));
+ getAuthUser()
+ .then((data) => ([user, session] = [data.user, data.session]))
+ .finally(() => (loading = false));
} catch (e) {
console.warn("Failed to fetch user data:", e);
}
@@ -29,11 +36,11 @@
-
+
-
+
@@ -62,12 +69,12 @@
-
+
-
+