Allow participant to enter email to receive edit link (#534)

This commit is contained in:
Luke Vella 2023-03-03 16:50:50 +00:00 committed by GitHub
parent aab999598e
commit 0ac3c95755
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 230 additions and 81 deletions

View file

@ -69,7 +69,7 @@ export const NewParticipantModal = (props: NewParticipantModalProps) => {
const { t } = useTranslation("app");
const { register, formState, handleSubmit } =
useForm<NewParticipantFormData>();
const { requiredString } = useFormValidation();
const { requiredString, validEmail } = useFormValidation();
const { poll } = usePoll();
const addParticipant = useAddParticipantMutation();
return (
@ -83,6 +83,7 @@ export const NewParticipantModal = (props: NewParticipantModalProps) => {
const newParticipant = await addParticipant.mutateAsync({
name: data.name,
votes: props.votes,
email: data.email,
pollId: poll.id,
});
props.onSubmit?.(newParticipant);
@ -107,7 +108,7 @@ export const NewParticipantModal = (props: NewParticipantModalProps) => {
</div>
) : null}
</fieldset>
{/* <fieldset>
<fieldset>
<label htmlFor="email" className="text-slate-500">
{t("email")} ({t("optional")})
</label>
@ -128,7 +129,7 @@ export const NewParticipantModal = (props: NewParticipantModalProps) => {
{formState.errors.email.message}
</div>
) : null}
</fieldset> */}
</fieldset>
<fieldset>
<label className="text-slate-500">{t("response")}</label>
<VoteSummary