diff --git a/src/components/Dashboard/ReservationPage/ReservationList/ReservationListSwitcher.tsx b/src/components/Dashboard/ReservationPage/ReservationList/ReservationListSwitcher.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0d2057b3851e5561604ffed90ca08cbb5ccdffe1
--- /dev/null
+++ b/src/components/Dashboard/ReservationPage/ReservationList/ReservationListSwitcher.tsx
@@ -0,0 +1,19 @@
+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 />
+      )}
+    </>
+  );
+};
diff --git a/src/components/Dashboard/ReservationPage/ReservationPage.tsx b/src/components/Dashboard/ReservationPage/ReservationPage.tsx
index 1553761475b21bd46d08294483a6cd89e2c95382..3b1eba292d4f9838df9d5c7794a32629685f712e 100644
--- a/src/components/Dashboard/ReservationPage/ReservationPage.tsx
+++ b/src/components/Dashboard/ReservationPage/ReservationPage.tsx
@@ -1,16 +1,20 @@
 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>