FIrst round of changes for Instance Manger & Pro Manager

client/src/pages/payments-all/payments-all.container.page.jsx

@@ -12,6 +12,7 @@ import {QUERY_ALL_PAYMENTS_PAGINATED} from "../../graphql/payments.queries";
 import {setBreadcrumbs, setSelectedHeader,} from "../../redux/application/application.actions";
 import {selectBodyshop} from "../../redux/user/user.selectors";
 import {pageLimit} from "../../utils/config";
+import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wrapper.component";
 
 const mapStateToProps = createStructuredSelector({
     bodyshop: selectBodyshop,
@@ -60,6 +61,7 @@ export function AllJobs({bodyshop, setBreadcrumbs, setSelectedHeader}) {
 
     if (error) return <AlertComponent message={error.message} type="error"/>;
     return (
+      <FeatureWrapperComponent featureName='payments'>
         <RbacWrapper action="payments:list">
             <PaymentsListPaginated
                 refetch={refetch}
@@ -69,6 +71,7 @@ export function AllJobs({bodyshop, setBreadcrumbs, setSelectedHeader}) {
                 payments={data ? data.payments : []}
             />
         </RbacWrapper>
+      </FeatureWrapperComponent>
     );
 }