mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

Adding validation for name and email (#2612)

Browse source
This commit is contained in:
sean-brydon 2022-04-27 16:19:04 +01:00 committed by Omar López
parent 6535d654d7
commit 73e3e4e226
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/web/components/booking/pages/BookingPage.tsx
View file

@ -5,6 +5,7 @@ import {
ExclamationIcon,
InformationCircleIcon,
} from "@heroicons/react/solid";
import { zodResolver } from "@hookform/resolvers/zod";
import { EventTypeCustomInputType } from "@prisma/client";
import { useContracts } from "contexts/contractsContext";
import dayjs from "dayjs";
@ -17,6 +18,7 @@ import { Controller, useForm, useWatch } from "react-hook-form";
import { FormattedNumber, IntlProvider } from "react-intl";
import { ReactMultiEmail } from "react-multi-email";
import { useMutation } from "react-query";
import { z } from "zod";
import {
useIsEmbed,
@ -195,8 +197,14 @@ const BookingPage = ({
};
};
const bookingFormSchema = z.object({
name: z.string().min(1),
email: z.string().email(),
});
const bookingForm = useForm<BookingFormValues>({
defaultValues: defaultValues(),
resolver: zodResolver(bookingFormSchema), // Since this isnt set to strict we only validate the fields in the schema
});
const selectedLocation = useWatch({
@ -389,7 +397,7 @@ const BookingPage = ({
</label>
<div className="mt-1">
<input
{...bookingForm.register("name")}
{...bookingForm.register("name", { required: true })}
type="text"
name="name"
id="name"