Spaces:
Running
Running
File size: 2,473 Bytes
13ae717 189ab98 1406bcb 533a7c7 13ae717 1406bcb 13ae717 533a7c7 13ae717 1406bcb 13ae717 1406bcb 13ae717 1406bcb 13ae717 533a7c7 1406bcb 533a7c7 1406bcb 533a7c7 1406bcb 13ae717 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 |
"use client";
import Link from "next/link";
import { useUser } from "@/hooks/useUser";
import { use, useState } from "react";
import { useMount, useTimeoutFn } from "react-use";
import { Button } from "@/components/ui/button";
export default function AuthCallback({
searchParams,
}: {
searchParams: Promise<{ code: string }>;
}) {
const [showButton, setShowButton] = useState(false);
const { code } = use(searchParams);
const { loginFromCode } = useUser();
useMount(async () => {
if (code) {
await loginFromCode(code);
}
});
useTimeoutFn(
() => setShowButton(true),
7000 // Show button after 5 seconds
);
return (
<div className="h-screen flex flex-col justify-center items-center">
<div className="!rounded-2xl !p-0 !bg-white !border-neutral-100 min-w-xs text-center overflow-hidden ring-[8px] ring-white/20">
<header className="bg-neutral-50 p-6 border-b border-neutral-200/60">
<div className="flex items-center justify-center -space-x-4 mb-3">
<div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
🚀
</div>
<div className="size-11 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-2xl z-2">
👋
</div>
<div className="size-9 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
🙌
</div>
</div>
<p className="text-xl font-semibold text-neutral-950">
Login In Progress...
</p>
<p className="text-sm text-neutral-500 mt-1.5">
Wait a moment while we log you in with your code.
</p>
</header>
<main className="space-y-4 p-6">
<div>
<p className="text-sm text-neutral-700 mb-4 max-w-xs">
If you are not redirected automatically in the next 5 seconds,
please click the button below
</p>
{showButton ? (
<Link href="/">
<Button variant="black" className="relative">
Go to Home
</Button>
</Link>
) : (
<p className="text-xs text-neutral-500">
Please wait, we are logging you in...
</p>
)}
</div>
</main>
</div>
</div>
);
}
|