Added local media server changes.

components/screen-media-browser/screen-media-browser.component.jsx

@@ -12,12 +12,15 @@ import JobSpaceAvailable from "../job-space-available/job-space-available.compon
 import UploadDeleteSwitch from "../upload-delete-switch/upload-delete-switch.component";
 import UploadProgress from "../upload-progress/upload-progress.component";
 import { MediaType } from "expo-media-library";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import LocalUploadProgress from "../local-upload-progress/local-upload-progress.component";
 
 const mapStateToProps = createStructuredSelector({
   selectedCameraJobId: selectCurrentCameraJobId,
+  bodyshop: selectBodyshop,
 });
 
-export function ImageBrowserScreen({ selectedCameraJobId }) {
+export function ImageBrowserScreen({ bodyshop, selectedCameraJobId }) {
   const { t } = useTranslation();
   const [uploads, setUploads] = useState(null);
   const [tick, setTick] = useState(0);
@@ -49,7 +52,7 @@ export function ImageBrowserScreen({ selectedCameraJobId }) {
       initialLoad: 100,
       assetsType: [MediaType.photo, MediaType.video],
       minSelection: 1,
-      maxSelection: 3,
+      // maxSelection: 3,
       portraitCols: 4,
       landscapeCols: 4,
     }),
@@ -120,7 +123,15 @@ export function ImageBrowserScreen({ selectedCameraJobId }) {
   return (
     <View style={[styles.flex, styles.container]}>
       <CameraSelectJob />
-      <JobSpaceAvailable jobid={selectedCameraJobId} key={`${tick}-space`} />
+      {bodyshop.uselocalmediaserver ? (
+        <Text style={{ margin: 10 }}>
+          {t("mediabrowser.labels.localserver", {
+            url: bodyshop.localmediaserverhttp,
+          })}
+        </Text>
+      ) : (
+        <JobSpaceAvailable jobid={selectedCameraJobId} key={`${tick}-space`} />
+      )}
       <UploadDeleteSwitch />
       {!selectedCameraJobId && (
         <View
@@ -143,7 +154,11 @@ export function ImageBrowserScreen({ selectedCameraJobId }) {
           Navigator={widgetNavigator}
         />
       )}
-      <UploadProgress uploads={uploads} forceRerender={forceRerender} />
+      {bodyshop.uselocalmediaserver ? (
+        <LocalUploadProgress uploads={uploads} forceRerender={forceRerender} />
+      ) : (
+        <UploadProgress uploads={uploads} forceRerender={forceRerender} />
+      )}
     </View>
   );
 }