"use client"; import { zodResolver } from "@hookform/resolvers/zod"; import { useForm } from "react-hook-form"; import * as z from "zod"; import { Icons } from "@/components/icons" import { Button } from "@/components/ui/button"; import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "@/components/ui/form"; import { Input } from "@/components/ui/input"; import { toast } from "@/components/ui/use-toast"; import { AiOutlineLoading3Quarters } from "react-icons/ai"; import { cn } from "@/lib/utils"; import { useTransition } from "react"; import { loginWithEmailAndPassword } from "../actions"; import { AuthTokenResponse } from "@supabase/supabase-js"; const LoginSchema = z.object({ email: z.string().email(), password: z.string().min(1, { message: "Password can not be empty" }), }); export default function AuthForm() { const [isPending, startTransition] = useTransition(); const form = useForm>({ resolver: zodResolver(LoginSchema), defaultValues: { email: "", password: "", }, }); function onSubmit(data: z.infer) { startTransition(async () => { const { error } = JSON.parse( await loginWithEmailAndPassword(data) ) as AuthTokenResponse; if (error) { toast({ title: "Fail to login", description: (

							{error.message}

), }); } else { toast({ title: "Successful login 🎉", }); } }); } return (

); }