Replace onOpen event. Make button responsive.

src/components/Dashboard/ReservationPage/ReservationPage.tsx

@@ -67,18 +67,12 @@ const useStyles = makeStyles(() => ({
     fontSize: '50px',
   },
   fab: {
-    margin: '10px 90px 80px 10px',
+    margin: '1.5em',
     bottom: '0',
     right: '0',
     position: 'fixed',
-    padding: '45px',
-  },
-  fabSmall: {
-    margin: '10px 45px 70px 10px',
-    bottom: '0',
-    right: '0',
-    position: 'fixed',
-    padding: '35px',
+    fontSize: '2em',
+    padding: '1.5em',
   },
 }));
 
@@ -89,7 +83,7 @@ export const ReservationPage: FC = () => {
 
   const reservation = useReservations();
 
-  const handleClickOpen = (): void => {
+  const handleOpen = (): void => {
     setOpen(true);
   };
 
@@ -109,7 +103,7 @@ export const ReservationPage: FC = () => {
 
           <Dialog
             open={open}
-            onClose={handleClose}
+            onClose={handleOpen}
             aria-labelledby="form-dialog-title"
           >
             <DialogTitle id="form-dialog-title">
@@ -182,28 +176,15 @@ export const ReservationPage: FC = () => {
           </MuiThemeProvider>
         </div>
 
-        <Hidden mdDown>
-          <Fab
-            color="primary"
-            size="large"
-            aria-label="add"
-            className={classes.fab}
-            onClick={handleClickOpen}
-          >
-            <AddIcon className={classes.extendedIcon} />
-          </Fab>
-        </Hidden>
-
-        <Hidden lgUp>
-          <Fab
-            color="primary"
-            size="small"
-            aria-label="add"
-            className={classes.fabSmall}
-          >
-            <AddIcon />
-          </Fab>
-        </Hidden>
+        <Fab
+          color="primary"
+          size="large"
+          aria-label="add"
+          className={classes.fab}
+          onClick={handleOpen}
+        >
+          <AddIcon className={classes.extendedIcon} />
+        </Fab>
 
         <Grid item container className={classes.paddingTop}>
           <Grid item xs={2} />