IO-772 RBAC for RBAC Controls

client/src/components/rbac-wrapper/rbac-defaults.js

@@ -48,7 +48,7 @@ const ret = {
   "shiftclock:view": 2,
 
   "shop:vendors": 2,
-  "shop:rbac": 5,
+  "shop:rbac": 1,
   "shop:templates": 4,
 
   "temporarydocs:view": 2,

client/src/components/rbac-wrapper/rbac-wrapper.component.jsx

@@ -28,10 +28,18 @@ function RbacWrapper({
   ...restProps
 }) {
   const { t } = useTranslation();
+
+  console.log(
+    "********object :>> ",
+    action,
+    rbacDefaults[action],
+    bodyshop.md_rbac[action]
+  );
   if (
     (requiredAuthLevel && requiredAuthLevel <= authLevel) ||
-    (bodyshop.md_rbac && bodyshop.md_rbac[action] <= authLevel) ||
-    (!!!bodyshop.md_rbac && rbacDefaults[action] <= authLevel)
+    ((bodyshop.md_rbac && bodyshop.md_rbac[action]) || rbacDefaults[action]) <=
+      authLevel ||
+    (!bodyshop.md_rbac && rbacDefaults[action] <= authLevel)
   )
     return <div>{React.cloneElement(children, restProps)}</div>;
 

client/src/components/shop-info/shop-info.rbac.component.jsx

@@ -2,11 +2,12 @@ import { Form, InputNumber } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
+import RbacWrapper from "../rbac-wrapper/rbac-wrapper.component";
 export default function ShopInfoRbacComponent({ form }) {
   const { t } = useTranslation();
 
   return (
-    <div>
+    <RbacWrapper action="shop:rbac">
       <LayoutFormRow>
         <Form.Item
           label={t("bodyshop.fields.rbac.accounting.payables")}
@@ -537,6 +538,6 @@ export default function ShopInfoRbacComponent({ form }) {
           <InputNumber />
         </Form.Item>
       </LayoutFormRow>
-    </div>
+    </RbacWrapper>
   );
 }