Hackathons/Bitcamp-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile IsAuth Fix

Browse Source
This commit is contained in:
GamerBoss101
2025-04-12 16:56:35 -04:00
parent eb86c4f2b0
commit f629790366
1 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/app/(app)/page.tsx
View File

@@ -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>
);
}