File size: 3,274 Bytes
e9d5b7d |
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 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 |
"use client";
import { zodResolver } from "@hookform/resolvers/zod";
import { useForm } from "react-hook-form";
import { Button } from "@/components/ui/button";
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { AdminLoginSchema, type AdminLoginInput } from "@/lib/schemas";
import { adminLoginUser } from "@/lib/actions/auth";
import { useToast } from "@/hooks/use-toast";
import { useState } from "react";
import { Loader2, ShieldCheck } from "lucide-react";
// No longer need useRouter for post-login navigation if server action redirects
export function AdminLoginForm() {
const { toast } = useToast();
const [isLoading, setIsLoading] = useState(false);
const form = useForm<AdminLoginInput>({
resolver: zodResolver(AdminLoginSchema),
defaultValues: {
email: "",
password: "",
},
});
async function onSubmit(values: AdminLoginInput) {
setIsLoading(true);
try {
const result = await adminLoginUser(values); // This action will now redirect on success
// If the action returns (i.e., did not redirect), it means there was an error.
if (result && result.success === false) {
toast({
title: "Admin Login Failed",
description: result.message,
variant: "destructive",
});
}
// Successful login will result in a redirect handled by Next.js.
// The "Admin Login Successful" toast is removed as the page will change.
} catch (error: any) {
// Server actions that redirect throw a special error that Next.js catches.
if (error.message?.includes('NEXT_REDIRECT')) {
// This is an expected error during redirect.
} else {
toast({
title: "Error",
description: error.message || "An unexpected error occurred. Please try again.",
variant: "destructive",
});
}
} finally {
setIsLoading(false);
}
}
return (
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
<FormField
control={form.control}
name="email"
render={({ field }) => (
<FormItem>
<FormLabel>Admin Email</FormLabel>
<FormControl>
<Input placeholder="admin@example.com" {...field} type="email" />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="password"
render={({ field }) => (
<FormItem>
<FormLabel>Admin Password</FormLabel>
<FormControl>
<Input type="password" placeholder="••••••••" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<Button type="submit" className="w-full" disabled={isLoading}>
{isLoading ? (
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
) : (
<ShieldCheck className="mr-2 h-4 w-4" />
)}
Login as Admin
</Button>
</form>
</Form>
);
}
|