Mobile IsAuth Fix
This commit is contained in:
@@ -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">
|
||||
<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">
|
||||
{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>
|
||||
</div>
|
||||
</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 type="button" className="btn bg-surface-500">
|
||||
<a href="/auth/login?screen_hint=login">Log in</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user