Switch page view based on role.

src/components/Dashboard/ReservationPage/ReservationList/ReservationListSwitcher.tsx

+import React, { FC } from 'react';
+import { useRole } from 'hooks/useRole';
+import { Roles } from 'roles/userRoles';
+import { ReservationsListByWeek } from 'components/Dashboard/ReservationPage/ReservationList/ReservationsListByWeek';
+import { ReservationList } from 'components/Dashboard/ReservationPage/ReservationList/ReservationList';
+
+export const ReservationListSwitcher: FC = () => {
+  const [role] = useRole();
+
+  return (
+    <>
+      {role === Roles.operator ? (
+        <ReservationsListByWeek />
+      ) : (
+        <ReservationList />
+      )}
+    </>
+  );
+};

src/components/Dashboard/ReservationPage/ReservationPage.tsx

 import React, { FC } from 'react';
+import { useRole } from 'hooks/useRole';
+import { Roles } from 'roles/userRoles';
 import { Grid, Typography } 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 { reservationPageStyle } from './ReservationPage.style';
-import { ReservationDialog } from './ReservationDialog';
 import { ReservationList } from './ReservationList/ReservationList';
-import { ReservationsListByWeek } from './ReservationList/ReservationsListByWeek';
 import { ReservationPageHeader } from './ReservationPageHeader';
+import { ReservationDialog } from './ReservationDialog';
+import { ReservationsListByWeek } from './ReservationList/ReservationsListByWeek';
+import { reservationPageStyle } from './ReservationPage.style';
+import { ReservationListSwitcher } from './ReservationList/ReservationListSwitcher';
 
 export const ReservationPage: FC = () => {
   const classes = reservationPageStyle();
+  const [role] = useRole();
 
   const [isOpen, setIsOpen] = React.useState<boolean>(false);
 
@@ -47,7 +51,7 @@ export const ReservationPage: FC = () => {
 
           <Grid item xs={1} lg={2} />
           <Grid item xs={10} lg={8}>
-            <ReservationsListByWeek />
+            <ReservationListSwitcher />
           </Grid>
           <Grid item xs={1} lg={2} />
         </Grid>