Set titles.

src/components/Dashboard/ReservationPage/ReservationDialog.tsx

@@ -7,6 +7,7 @@ import {
   DialogContentText,
   DialogTitle,
   Button,
+  Typography,
 } from '@material-ui/core';
 
 import { ResponseProps } from 'api/ResponseProps';
@@ -39,7 +40,7 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({
     getRoleObject().then((role) => {
       filledReservation.insertedBy = role.id;
     });
-    filledReservation.driverShift = '';
+    filledReservation.driverShift = null;
     filledReservation.senior = senior?.id;
     console.log(filledReservation);
     setReservation(filledReservation);
@@ -54,25 +55,22 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({
         aria-labelledby="form-dialog-title"
       >
         <form onSubmit={handleSubmit(onSubmit)} data-testid="Form">
-          <DialogTitle id="form-dialog-title">Book New Reservation</DialogTitle>
+          <DialogTitle id="form-dialog-title">
+            <Typography variant="h1" component="h1">
+              Book New Reservation
+            </Typography>
+          </DialogTitle>
           <DialogContent>
             <DialogContentText>
               Write here below the details of your next reservation
             </DialogContentText>
-
+            <Typography variant="h2" component="h2">
+              Search
+            </Typography>
             <SeniorSearch senior={senior} setSenior={setSenior} />
-            <InputField
-              name="number"
-              label="Phone number"
-              type="tel"
-              control={control}
-            />
-            <InputField
-              name="estimatedBeAt"
-              label="Arrive time"
-              type="date"
-              control={control}
-            />
+            <Typography variant="h2" component="h2">
+              Trip stage
+            </Typography>
             <TripStage control={control} />
           </DialogContent>
           <DialogActions>