rannes.dev/wine-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clear form on submit
All checks were successful
Vercel Production Deployment / Deploy-Production (push) Successful in 1m19s
Details
Vercel Preview Deployment / Deploy-Preview (push) Successful in 1m32s
Details

Browse Source
This commit is contained in:
ChrQR 2024-06-03 11:47:02 +02:00
parent 29b09848b0
commit 533398cdb3
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/_components/admin/CreateCountryForm.tsx
View File

@ -22,20 +22,24 @@ export default function CreateCountryForm() {
} }
}, [formState.message]); }, [formState.message]);
return ( return (
<form action={formAction} className="flex flex-col gap-2"> <form ref={formRef} action={formAction} className="flex flex-col gap-2">
<Input <div className="flex items-center gap-2">
name="name" <Input
id="name" name="name"
className={clsx({ "border-red-500": formState.errors?.name })} id="name"
/> className={clsx({ "border-red-500": formState.errors?.name })}
{formState.message === "success" ? ( />
<Check className="text-green-400" /> {formState.message === "success" ? (
) : ( <Check className="text-green-500" />
<div className="flex items-center gap-2"> ) : (
<CircleX className="text-red-600" /> ""
<span>{formState.errors?.name}</span>{" "} )}
</div> {formState.message === "error" ? (
)} <CircleX className="text-red-500" />
) : (
""
)}
</div>
<SubmitButton text={"Country"} /> <SubmitButton text={"Country"} />
</form> </form>
); );