diff --git a/src/components/Dashboard/ReservationPage/ReservationDialog.tsx b/src/components/Dashboard/ReservationPage/ReservationDialog.tsx index 15627d492a66dc37dbf47b3257655f1cc42bc643..da15a7758e0c115e2f42be4b8bb8df1d5728d000 100644 --- a/src/components/Dashboard/ReservationPage/ReservationDialog.tsx +++ b/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>