Fix driver

src/components/Dashboard/ReservationPage/ReservationPage.tsx

 import React, { FC } from 'react';
 import { Page } from 'components/Utils/Page/Page';
+
+import AddIcon from '@material-ui/icons/Add';
+import Fab from '@material-ui/core/Fab';
+
 import { reservationPageStyle } from './ReservationPage.style';
 import { ReservationListSwitcher } from './ReservationList/ReservationListSwitcher';
+import { ReservationDialog } from './ReservationDialog';
+
+export const ReservationPage: FC = () => {
+  const classes = reservationPageStyle();
+  const [isOpen, setIsOpen] = React.useState<boolean>(false);
+
+  const handleOpen = (): void => {
+    setIsOpen(true);
+  };
+
+  const handleClose = (): void => {
+    setIsOpen(false);
+  };
+
+  return (
+    <Page title="Plan Here" subtitle="RESERVATIONS">
+      <Fab
+        color="primary"
+        size="large"
+        className={classes.fab}
+        onClick={handleOpen}
+        aria-label="Add New Reservations"
+      >
+        <AddIcon className={classes.extendedIcon} />
+      </Fab>
 
-export const ReservationPage: FC = () => (
-  <Page title="Plan Here" subtitle="RESERVATIONS">
-    <ReservationListSwitcher />
-  </Page>
-);
+      <ReservationDialog isOpen={isOpen} handleClose={handleClose} />
+      <ReservationListSwitcher />
+    </Page>
+  );
+};