Attach api registration call to form.

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"