Skip to content
Snippets Groups Projects
Verified Commit 4b86a283 authored by Defendi Alberto's avatar Defendi Alberto
Browse files

Remove deadcode and navbar.

parent 10569759
No related branches found
No related tags found
2 merge requests!60New component to search senior (see #12). Enhance responsiveness and solve #10 and #11,!57Replace context with api.
Hide whitespace changes
Inline Side-by-side
src/components/Dashboard/ReservationPage/ReservationDialog.tsx
+ 46
− 69
View file @ 4b86a283
import React, { FC } from 'react'; import React, { FC } from 'react';
import { import {
Grid,
Typography,
Dialog, Dialog,
DialogActions, DialogActions,
DialogContent, DialogContent,
...@@ -9,15 +7,10 @@ import { ...@@ -9,15 +7,10 @@ import {
DialogTitle, DialogTitle,
Button, Button,
} from '@material-ui/core'; } from '@material-ui/core';
import AddIcon from '@material-ui/icons/Add';
import Fab from '@material-ui/core/Fab';
import { NavBar } from 'components/Dashboard/HomePage/NavBar';
import { Reservation } from 'components/Dashboard/ReservationPage/Reservation/Reservation';
import { useReservations } from 'hooks/useReservations'; import { useReservations } from 'hooks/useReservations';
import { ReservationProps } from 'components/Dashboard/ReservationPage/Reservation/ReservationProps'; import { ReservationProps } from 'components/Dashboard/ReservationPage/Reservation/ReservationProps';
import { SubmitHandler, useForm } from 'react-hook-form'; import { SubmitHandler, useForm } from 'react-hook-form';
import { InputField } from 'components/Auth/InputField/InputField'; import { InputField } from 'components/Auth/InputField/InputField';
import { useStyles } from './ReservationPage.style';
type ReservationDialogProps = { type ReservationDialogProps = {
handleClose: () => void; handleClose: () => void;
...@@ -27,7 +20,6 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({ ...@@ -27,7 +20,6 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({
handleClose, handleClose,
isOpen, isOpen,
}: ReservationDialogProps) => { }: ReservationDialogProps) => {
const classes = useStyles();
const { control, handleSubmit } = useForm<ReservationProps>(); const { control, handleSubmit } = useForm<ReservationProps>();
const reservation = useReservations(); const reservation = useReservations();
...@@ -41,68 +33,53 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({ ...@@ -41,68 +33,53 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({
return ( return (
<div data-testid="ReservationDialog"> <div data-testid="ReservationDialog">
<Grid container direction="column" className={classes.paddingBottom}> <Dialog
<div className={classes.root}> open={isOpen}
<Grid item> onClose={handleClose}
<NavBar /> aria-labelledby="form-dialog-title"
</Grid> >
<form onSubmit={handleSubmit(onSubmit)} data-testid="Form">
<DialogTitle id="form-dialog-title">Book New Reservation</DialogTitle>
<DialogContent>
<DialogContentText>
Write here below the details of your next reservation
</DialogContentText>
<Dialog <InputField
open={isOpen} name="name"
onClose={handleClose} label="Name Reservation"
aria-labelledby="form-dialog-title" type="text"
> control={control}
<form onSubmit={handleSubmit(onSubmit)} data-testid="Form"> />
<DialogTitle id="form-dialog-title"> <InputField
Book New Reservation name="date"
</DialogTitle> label="Reservation date"
<DialogContent> type="date"
<DialogContentText> control={control}
Write here below the details of your next reservation />
</DialogContentText> <InputField
name="time"
<InputField label="Department Time"
name="name" type="time"
label="Name Reservation" control={control}
type="text" />
control={control} <InputField
/> name="destination"
<InputField label="Destination"
name="date" type="text"
label="Reservation date" control={control}
type="date" />
control={control} </DialogContent>
/> <DialogActions>
<InputField <Button onClick={handleClose} color="primary">
name="time" Cancel
label="Department Time" </Button>
type="time" <Button type="submit" fullWidth variant="contained" color="primary">
control={control} Insert
/> </Button>
<InputField </DialogActions>
name="destination" </form>
label="Destination" </Dialog>
type="text"
control={control}
/>
</DialogContent>
<DialogActions>
<Button onClick={handleClose} color="primary">
Cancel
</Button>
<Button
type="submit"
fullWidth
variant="contained"
color="primary"
>
Insert
</Button>
</DialogActions>
</form>
</Dialog>
</div>
</Grid>
</div> </div>
); );
}; };
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment