IO-3020 IO-3036 Extend blur wrapper, add lock wrapper to components throughout the system. Many placeholders still left for upsell components.

client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx

@@ -13,8 +13,18 @@ import JobsDocumentsGallerySelectAllComponent from "./jobs-documents-gallery.sel
 
 import Lightbox from "react-image-lightbox";
 import "react-image-lightbox/style.css";
+import { HasFeatureAccess } from "../feature-wrapper/feature-wrapper.component";
+
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop
+});
+const mapDispatchToProps = (dispatch) => ({});
 
 function JobsDocumentsComponent({
+  bodyshop,
   data,
   jobId,
   refetch,
@@ -103,6 +113,7 @@ function JobsDocumentsComponent({
     );
     setgalleryImages(documents);
   }, [data, setgalleryImages, t]);
+  const hasMediaAccess = HasFeatureAccess({ bodyshop, featureName: "media" });
 
   return (
     <div>
@@ -118,6 +129,9 @@ function JobsDocumentsComponent({
             {!billId && <JobsDocumentsGalleryReassign galleryImages={galleryImages} callback={refetch} />}
           </Space>
         </Col>
+        {
+          //TODO:Upsell
+        }
         <Col span={24}>
           <Card>
             <DocumentsUploadComponent
@@ -219,4 +233,4 @@ function JobsDocumentsComponent({
   );
 }
 
-export default JobsDocumentsComponent;
+export default connect(mapStateToProps, mapDispatchToProps)(JobsDocumentsComponent);