|
|
@ -22,18 +22,27 @@ export default function CreateListDialog({
|
|
|
|
register: formRegister,
|
|
|
|
register: formRegister,
|
|
|
|
handleSubmit,
|
|
|
|
handleSubmit,
|
|
|
|
formState: { isSubmitting },
|
|
|
|
formState: { isSubmitting },
|
|
|
|
|
|
|
|
reset,
|
|
|
|
} = useForm<CreateListFormData>();
|
|
|
|
} = useForm<CreateListFormData>();
|
|
|
|
const register = useFormRegister(formRegister);
|
|
|
|
const register = useFormRegister(formRegister);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handleDialogCancel = () => {
|
|
|
|
|
|
|
|
onCancel();
|
|
|
|
|
|
|
|
reset();
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<Dialog
|
|
|
|
<Dialog
|
|
|
|
isShown={show}
|
|
|
|
isShown={show}
|
|
|
|
primaryButton={undefined}
|
|
|
|
primaryButton={undefined}
|
|
|
|
title="Create question list"
|
|
|
|
title="Create question list"
|
|
|
|
onClose={onCancel}>
|
|
|
|
onClose={handleDialogCancel}>
|
|
|
|
<form
|
|
|
|
<form
|
|
|
|
className="mt-5 gap-2 sm:flex sm:items-center"
|
|
|
|
className="mt-5 gap-2 sm:flex sm:items-center"
|
|
|
|
onSubmit={handleSubmit(onSubmit)}>
|
|
|
|
onSubmit={handleSubmit(async (data) => {
|
|
|
|
|
|
|
|
await onSubmit(data);
|
|
|
|
|
|
|
|
reset();
|
|
|
|
|
|
|
|
})}>
|
|
|
|
<div className="w-full sm:max-w-xs">
|
|
|
|
<div className="w-full sm:max-w-xs">
|
|
|
|
<TextInput
|
|
|
|
<TextInput
|
|
|
|
id="listName"
|
|
|
|
id="listName"
|
|
|
@ -49,9 +58,8 @@ export default function CreateListDialog({
|
|
|
|
display="inline"
|
|
|
|
display="inline"
|
|
|
|
label="Cancel"
|
|
|
|
label="Cancel"
|
|
|
|
size="md"
|
|
|
|
size="md"
|
|
|
|
type="submit"
|
|
|
|
|
|
|
|
variant="tertiary"
|
|
|
|
variant="tertiary"
|
|
|
|
onClick={onCancel}
|
|
|
|
onClick={handleDialogCancel}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<Button
|
|
|
|
<Button
|
|
|
|
display="inline"
|
|
|
|
display="inline"
|
|
|
|