Mobile IsAuth Fix

This commit is contained in:
2025-04-12 16:56:35 -04:00
parent eb86c4f2b0
commit f629790366

View File

@@ -4,31 +4,31 @@ import { useDevice } from "@/lib/context/DeviceContext";
function Mobile() { function Mobile() {
const { session } = useDevice(); const { session } = useDevice();
let isAuthenticated = session == null ? false : true;
return ( 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 mt-10">
<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">
<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left"> Welcome, {session?.name || "NULL"} !!
Welcome, {session?.name || "NULL"} !! </h1>
</h1>
<div className="card preset-tonal-success items-center gap-4 p-4 lg:grid-cols-[1fr_auto]"> {isAuthenticated ? (
<div className="gap-1"> <div>
<button type="button" className="btn hover:preset-tonal"> <button type="button" className="btn bg-surface-500">
<a href="/auth/login?screen_hint=signup">Sign up</a> <a href="/auth/logout">Logout</a>
</button> </button>
</div>
</div> </div>
) : (
<div className="card preset-tonal-success items-center gap-4 p-4 lg:grid-cols-[1fr_auto]"> <div className="flex gap-4">
<div className="gap-1"> <button type="button" className="btn bg-surface-500">
<button type="button" className="btn hover:preset-tonal"> <a href="/auth/login?screen_hint=signup">Sign up</a>
<a href="/auth/login?screen_hint=login">Log In</a> </button>
</button> <button type="button" className="btn bg-surface-500">
</div> <a href="/auth/login?screen_hint=login">Log in</a>
</button>
</div> </div>
</main> )}
</div> </main>
); );
} }