From 94ff47ba0db57f8556509c523b9703e1b104189f Mon Sep 17 00:00:00 2001
From: GamerBoss101 <adithcool.5@gmail.com>
Date: Sat, 12 Apr 2025 23:46:38 -0400
Subject: [PATCH] Mobile Auth Buttons Fix

---
 src/app/(app)/page.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
index f52906d..19507db 100644
--- a/src/app/(app)/page.tsx
+++ b/src/app/(app)/page.tsx
@@ -8,8 +8,24 @@ function Mobile() {
 	return (
 		<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">
-			 	{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
+				{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
 			</h1>
+			{isAuthenticated ? (
+				<div>
+					<button type="button" className="btn bg-surface-500">
+						<a href="/auth/logout">Logout</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>
 	);
 }