Added basic RBAC component BOD-232

client/src/pages/contract-create/contract-create.page.container.jsx

@@ -1,15 +1,15 @@
-import React, { useEffect, useState } from "react";
-
-import ContractCreatePageComponent from "./contract-create.page.component";
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
-import { selectBodyshop } from "../../redux/user/user.selectors";
-import { Form, notification } from "antd";
-import { useTranslation } from "react-i18next";
-import { INSERT_NEW_CONTRACT } from "../../graphql/cccontracts.queries";
 import { useMutation } from "@apollo/react-hooks";
+import { Form, notification } from "antd";
+import React, { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
 import { useHistory, useLocation } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
+import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
+import { INSERT_NEW_CONTRACT } from "../../graphql/cccontracts.queries";
 import { setBreadcrumbs } from "../../redux/application/application.actions";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import ContractCreatePageComponent from "./contract-create.page.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -79,18 +79,20 @@ export function ContractCreatePageContainer({ bodyshop, setBreadcrumbs }) {
   }, [t, setBreadcrumbs]);
 
   return (
-    <Form
-      form={form}
-      layout="vertical"
-      autoComplete="no"
-      onFinish={handleFinish}
-    >
-      <ContractCreatePageComponent
+    <RbacWrapper action="contracts:create">
+      <Form
         form={form}
-        selectedJobState={selectedJobState}
-        selectedCarState={selectedCarState}
-      />
-    </Form>
+        layout="vertical"
+        autoComplete="no"
+        onFinish={handleFinish}
+      >
+        <ContractCreatePageComponent
+          form={form}
+          selectedJobState={selectedJobState}
+          selectedCarState={selectedCarState}
+        />
+      </Form>
+    </RbacWrapper>
   );
 }
 export default connect(