diff --git a/frontend/src/views/Org/components/CreateOrgModal.tsx b/frontend/src/views/Org/components/CreateOrgModal.tsx index 273755929..b62dfb9cb 100644 --- a/frontend/src/views/Org/components/CreateOrgModal.tsx +++ b/frontend/src/views/Org/components/CreateOrgModal.tsx @@ -1,20 +1,20 @@ import { FC } from "react"; import { Controller, useForm } from "react-hook-form"; import { useRouter } from "next/router"; -import { yupResolver } from "@hookform/resolvers/yup"; -import * as yup from "yup"; +import { zodResolver } from "@hookform/resolvers/zod"; +import z from "zod"; import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider"; import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2"; import { useCreateOrg } from "@app/hooks/api"; -const schema = yup +const schema = z .object({ - name: yup.string().required("Organization name is required") + name: z.string().nonempty({ message: "Name is required" }) }) .required(); -export type FormData = yup.InferType; +export type FormData = z.infer; interface CreateOrgModalProps { isOpen: boolean; @@ -31,7 +31,7 @@ export const CreateOrgModal: FC = ({ isOpen, onClose }) => reset, formState: { isSubmitting } } = useForm({ - resolver: yupResolver(schema), + resolver: zodResolver(schema), defaultValues: { name: "" } @@ -83,15 +83,20 @@ export const CreateOrgModal: FC = ({ isOpen, onClose }) => )} /> - +
+ + +