diff --git a/src/components/AuthUser/SignUpForm/SignUpForm.tsx b/src/components/AuthUser/SignUpForm/SignUpForm.tsx index b38fdabc87a838ad7838bf22f93bc0ab395eb6cf..0cf10dcf6197041be8469483c4536807e9956ec7 100644 --- a/src/components/AuthUser/SignUpForm/SignUpForm.tsx +++ b/src/components/AuthUser/SignUpForm/SignUpForm.tsx @@ -13,48 +13,42 @@ export const SignUpForm: FC = () => { firstName: string; lastName: string; email: string; + phoneNumber: number; + address: number; + name: string; + memberCardNumber: number; + notes: string; }; - const defaultValues: FormData = { - username: '', - password: '', - firstName: '', - lastName: '', - email: '', - }; - - const { control, errors, handleSubmit } = useForm<FormData>({ - defaultValues, - }); + const { control, errors, handleSubmit } = useForm<FormData>(); const onSubmit: SubmitHandler<FormData> = (values: FormData) => { - axios - .post( - '/api/web/seniors/', - { - user: { - username: 'test', - password: values.password, - firstName: 'a', - lastName: 'b', - email: values.email, - }, - phone_number: '213432234', - home_address: { - address: 'test street, 3', - }, - member_card_issuer: { - name: 'test issuer', - }, - member_card_number: '33333333333', + axios.post( + '/api/web/seniors/', + { + user: { + username: values.username, + password: values.password, + firstName: values.firstName, + lastName: values.lastName, + email: values.email, + }, + phone_number: values.phoneNumber, + home_address: { + address: values.address, }, - { - headers: { - 'Content-Type': 'application/json', - }, + member_card_issuer: { + name: values.memberCardNumber, }, - ) - .then((res) => console.log(res)); + member_card_number: values.memberCardNumber, + notes: values.notes, + }, + { + headers: { + 'Content-Type': 'application/json', + }, + }, + ); }; const classes = useStyles(); @@ -96,6 +90,110 @@ export const SignUpForm: FC = () => { error={!!errors.password} errorMessage="Insert valid password" /> + + <InputField + name="username" + control={control} + rules={{ + maxLength: 150, + required: { + value: true, + message: 'Insert valid username', + }, + }} + label="Username" + error={!!errors.username} + errorMessage="Insert valid username" + /> + + <InputField + name="firstName" + control={control} + rules={{ + maxLength: 150, + required: { + value: true, + message: 'Insert valid first name', + }, + }} + label="First name" + error={!!errors.firstName} + errorMessage="Insert valid first name" + /> + + <InputField + name="lastName" + control={control} + rules={{ + maxLength: 150, + required: { + value: true, + message: 'Insert valid last name', + }, + }} + label="Last name" + error={!!errors.lastName} + errorMessage="Insert valid last name" + /> + + <InputField + name="address" + control={control} + rules={{ + required: { + value: true, + message: 'Insert valid address', + }, + }} + label="Address" + error={!!errors.address} + errorMessage="Insert valid address" + /> + + <InputField + name="phoneNumber" + control={control} + rules={{ + maxLength: 15, + required: { + value: true, + message: 'Insert valid phone number', + }, + }} + label="Phone number" + error={!!errors.phoneNumber} + errorMessage="Insert valid phone number" + /> + + <InputField + name="memberCardNumber" + control={control} + rules={{ + maxLength: 20, + required: { + value: true, + message: 'Insert valid card number', + }, + }} + label="Card number" + error={!!errors.memberCardNumber} + errorMessage="Insert valid card number" + /> + + <InputField + name="notes" + control={control} + rules={{ + required: { + value: true, + message: 'Add notes', + }, + }} + label="Notes" + error={!!errors.notes} + errorMessage="Insert notes" + /> + <Button data-testid="Submit" type="submit"