login form created

frontend/src/routes/index.tsx

@@ -1,12 +1,8 @@
-import {
-	createFileRoute,
-	useNavigate,
-	useRouter,
-} from "@tanstack/react-router";
-import { toast } from "sonner";
+import { createFileRoute } from "@tanstack/react-router";
+
 import z from "zod";
-import { Button } from "../components/ui/button";
-import { authClient, useSession } from "../lib/auth-client";
+
+import { useSession } from "../lib/auth-client";
 
 export const Route = createFileRoute("/")({
 	validateSearch: z.object({
@@ -18,44 +14,13 @@ export const Route = createFileRoute("/")({
 
 function Index() {
 	const { data: session, isPending } = useSession();
-	const router = useRouter();
-	const navigate = useNavigate();
-	const search = Route.useSearch();
 
-	const login = async () => {
-		try {
-			await authClient.signIn.email({
-				email: "blake.matthes@alpla.com",
-				password: "nova0511",
-				fetchOptions: {
-					onSuccess: () => {
-						navigate({ to: search.redirect ?? "/" });
-					},
-				},
-			});
-
-			toast.success("logged in");
-		} catch (error: any) {
-			console.error(error.response);
-		}
-
-		//console.log(session)
-		router.invalidate();
-	};
-
-	if (isPending) return <div>Loading...</div>;
+	if (isPending)
+		return <div className="flex justify-center mt-10">Loading...</div>;
 	// if (!session) return <button>Sign In</button>
 	return (
-		<div className="p-2">
+		<div className="flex justify-center mt-10">
 			<h3 className="w-2xl text-3xl">Welcome Home!</h3>
-			{!session ? (
-				<Button onClick={login}>Sign In</Button>
-			) : (
-				<div>
-					<span>welcome {session.user?.name}</span>
-					<Button onClick={() => authClient.signOut()}>Signout</Button>
-				</div>
-			)}
 		</div>
 	);
 }