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

Fixes for team event creation (#1604)

Browse source
This commit is contained in:
Omar López 2022-01-24 10:25:32 -07:00 committed by GitHub
parent 7baedc2f64
commit d7bd1e9957
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
components/eventtype/CreateEventType.tsx
View file

@ -15,6 +15,7 @@ import { trpc } from "@lib/trpc";
import { Dialog, DialogClose, DialogContent } from "@components/Dialog"; import { Dialog, DialogClose, DialogContent } from "@components/Dialog";
import { Form, InputLeading, TextAreaField, TextField } from "@components/form/fields"; import { Form, InputLeading, TextAreaField, TextField } from "@components/form/fields";
import { Alert } from "@components/ui/Alert";
import Avatar from "@components/ui/Avatar"; import Avatar from "@components/ui/Avatar";
import { Button } from "@components/ui/Button"; import { Button } from "@components/ui/Button";
import Dropdown, { import Dropdown, {
@ -49,13 +50,14 @@ export default function CreateEventTypeButton(props: Props) {
const modalOpen = useToggleQuery("new"); const modalOpen = useToggleQuery("new");
// URL encoded params // URL encoded params
const teamId: number | undefined = Number(router.query.teamId) || undefined; const teamId: number | undefined =
typeof router.query.teamId === "string" ? parseInt(router.query.teamId) : undefined;
const pageSlug = router.query.eventPage || props.options[0].slug; const pageSlug = router.query.eventPage || props.options[0].slug;
const hasTeams = !!props.options.find((option) => option.teamId); const hasTeams = !!props.options.find((option) => option.teamId);
const form = useForm<z.infer<typeof createEventTypeInput>>({ const form = useForm<z.infer<typeof createEventTypeInput>>({
resolver: zodResolver(createEventTypeInput), resolver: zodResolver(createEventTypeInput),
defaultValues: { length: 15, teamId }, defaultValues: { length: 15 },
}); });
const { setValue, watch, register } = form; const { setValue, watch, register } = form;
@ -166,7 +168,14 @@ export default function CreateEventTypeButton(props: Props) {
createMutation.mutate(values); createMutation.mutate(values);
}}> }}>
<div className="mt-3 space-y-4"> <div className="mt-3 space-y-4">
{teamId && <input type="hidden" {...register("teamId", { valueAsNumber: true })} />} {teamId && (
<TextField
type="hidden"
labelProps={{ style: { display: "none" } }}
{...register("teamId", { valueAsNumber: true })}
value={teamId}
/>
)}
<TextField label={t("title")} placeholder={t("quick_chat")} {...register("title")} /> <TextField label={t("title")} placeholder={t("quick_chat")} {...register("title")} />
<TextField <TextField
@ -206,6 +215,13 @@ export default function CreateEventTypeButton(props: Props) {
<label htmlFor="schedulingType" className="block text-sm font-bold text-gray-700"> <label htmlFor="schedulingType" className="block text-sm font-bold text-gray-700">
{t("scheduling_type")} {t("scheduling_type")}
</label> </label>
{form.formState.errors.schedulingType && (
<Alert
className="mt-1"
severity="error"
message={form.formState.errors.schedulingType.message}
/>
)}
<RadioArea.Group <RadioArea.Group
{...register("schedulingType")} {...register("schedulingType")}
onChange={(val) => form.setValue("schedulingType", val as SchedulingType)} onChange={(val) => form.setValue("schedulingType", val as SchedulingType)}