Improved auth
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
"use client";
|
||||
|
||||
import { Card } from "@/components/ui/card";
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||
import CreateAccount from "./CreateAccount";
|
||||
import Login from "./Login";
|
||||
import { useSearchParams } from "next/navigation";
|
||||
|
||||
export default function Auth() {
|
||||
const params = useSearchParams();
|
||||
const pt = params.get("t");
|
||||
const tab = pt === "create" || pt === "login" ? pt : "create";
|
||||
|
||||
return (
|
||||
<div className="h-screen flex items-center">
|
||||
<Tabs defaultValue={tab} className="mx-auto">
|
||||
<TabsList className="mx-auto">
|
||||
<TabsTrigger value="login">Login</TabsTrigger>
|
||||
<TabsTrigger value="create">Create Account</TabsTrigger>
|
||||
</TabsList>
|
||||
<TabsContent value="login">
|
||||
<Card className="w-md">
|
||||
<Login />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
<TabsContent value="create">
|
||||
<Card className="w-md">
|
||||
<CreateAccount />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user