From f62979036669ef8cd8997e590c9b27c70d1cfcd2 Mon Sep 17 00:00:00 2001
From: GamerBoss101 <adithcool.5@gmail.com>
Date: Sat, 12 Apr 2025 16:56:35 -0400
Subject: [PATCH] Mobile IsAuth Fix

---
 src/app/(app)/page.tsx | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
index d923670..150dc30 100644
--- a/src/app/(app)/page.tsx
+++ b/src/app/(app)/page.tsx
@@ -4,31 +4,31 @@ import { useDevice } from "@/lib/context/DeviceContext";
 
 function Mobile() {
 	const { session } = useDevice();
+	let isAuthenticated = session == null ? false : true;
 
 	return (
-		<div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-			<main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
-				<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
-					Welcome, {session?.name || "NULL"} !!
-				</h1>
+		<main className="flex flex-col gap-[32px] row-start-2 items-center mt-10">
+			<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
+				Welcome, {session?.name || "NULL"} !!
+			</h1>
 
-				<div className="card preset-tonal-success items-center gap-4 p-4 lg:grid-cols-[1fr_auto]">
-					<div className="gap-1">
-						<button type="button" className="btn hover:preset-tonal">
-							<a href="/auth/login?screen_hint=signup">Sign up</a>
-						</button>
-					</div>
+			{isAuthenticated ? (
+				<div>
+					<button type="button" className="btn bg-surface-500">
+						<a href="/auth/logout">Logout</a>
+					</button>
 				</div>
-
-				<div className="card preset-tonal-success items-center gap-4 p-4 lg:grid-cols-[1fr_auto]">
-					<div className="gap-1">
-						<button type="button" className="btn hover:preset-tonal">
-							<a href="/auth/login?screen_hint=login">Log In</a>
-						</button>
-					</div>
+			) : (
+				<div className="flex gap-4">
+					<button type="button" className="btn bg-surface-500">
+						<a href="/auth/login?screen_hint=signup">Sign up</a>
+					</button>
+					<button type="button" className="btn bg-surface-500">
+						<a href="/auth/login?screen_hint=login">Log in</a>
+					</button>
 				</div>
-			</main>
-		</div>
+			)}
+		</main>
 	);
 }