Matt Aitken
30 lines
540 B
TypeScript
30 lines
540 B
TypeScript
import type { z } from "zod";
|
|
|
|
export function FormError({
|
|
errors,
|
|
path,
|
|
}: {
|
|
errors: z.ZodIssue[];
|
|
path: string[];
|
|
}) {
|
|
if (errors.length === 0) {
|
|
return null;
|
|
}
|
|
|
|
const relevantErrors = errors.filter((error) => {
|
|
return error.path.join(".") === path.join(".");
|
|
});
|
|
|
|
if (relevantErrors.length === 0) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div className="mt-2 text-sm text-red-600 col-span-full">
|
|
{relevantErrors.map((error, index) => (
|
|
<p key={index}>{error.message}</p>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|