Added basic RBAC component BOD-232

client/src/pages/time-tickets/time-tickets.container.jsx

@@ -6,12 +6,13 @@ import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { useLocation } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
+import AlertComponent from "../../components/alert/alert.component";
+import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
 import TimeTicketsDatesSelector from "../../components/ticket-tickets-dates-selector/time-tickets-dates-selector.component";
 import TimeTicketList from "../../components/time-ticket-list/time-ticket-list.component";
 import TimeTicketsSummary from "../../components/time-tickets-summary/time-tickets-summary.component";
 import { QUERY_TIME_TICKETS_IN_RANGE } from "../../graphql/timetickets.queries";
 import { setBreadcrumbs } from "../../redux/application/application.actions";
-import AlertComponent from "../../components/alert/alert.component";
 
 const mapStateToProps = createStructuredSelector({});
 
@@ -46,23 +47,25 @@ export function TimeTicketsContainer({ bodyshop, setBreadcrumbs }) {
     },
   });
 
-  if (error) return <AlertComponent message={error.message} type='error' />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
 
   return (
-    <div>
-      <TimeTicketsDatesSelector />
+    <RbacWrapper action="timetickets:list">
+      <div>
+        <TimeTicketsDatesSelector />
 
-      <TimeTicketList
-        loading={loading}
-        timetickets={data ? data.timetickets : []}
-      />
-      <TimeTicketsSummary
-        loading={loading}
-        timetickets={data ? data.timetickets : []}
-        startDate={startDate}
-        endDate={endDate}
-      />
-    </div>
+        <TimeTicketList
+          loading={loading}
+          timetickets={data ? data.timetickets : []}
+        />
+        <TimeTicketsSummary
+          loading={loading}
+          timetickets={data ? data.timetickets : []}
+          startDate={startDate}
+          endDate={endDate}
+        />
+      </div>
+    </RbacWrapper>
   );
 }