WIP replace image selector

components/upload-progress/upload-progress.component.jsx

@@ -1,5 +1,5 @@
 import { useApolloClient } from "@apollo/client";
-import * as FileSystem from "expo-file-system";
+import { File } from "expo-file-system";
 import * as MediaLibrary from "expo-media-library";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -127,81 +127,97 @@ export function UploadProgress({
         statusText: "Preparing upload...",
       };
     });
+    try {
+      //Validate to make sure the totals for the file sizes do not exceed the total on the job.
+      const data = [];
+      const totalOfUploads = await selectedFiles.reduce(async (acc, val) => {
+        //Get the size of the file based on URI.
+        if (acc.fileSize) {
+          return acc + acc.fileSize;
+        } else {
+          const info = new File(val.uri).size;
+          data.push({ ...info, ...val }); //Add in the size.
+          val.albumId && MediaLibrary.migrateAlbumIfNeededAsync(val.albumId);
+          return (await acc) + info.size;
+        }
+      }, 0);
 
-    //Validate to make sure the totals for the file sizes do not exceed the total on the job.
-    const data = [];
-    const totalOfUploads = await selectedFiles.reduce(async (acc, val) => {
-      //Get the size of the file based on URI.
-      if (acc.fileSize) {
-        return acc + acc.fileSize;
-      } else {
-        const info = await FileSystem.getInfoAsync(val.uri, { size: true });
-        data.push({ ...info, ...val }); //Add in the size.
-        val.albumId && MediaLibrary.migrateAlbumIfNeededAsync(val.albumId);
-        return (await acc) + info.size;
-      }
-    }, 0);
+      if (selectedCameraJobId !== "temp") {
+        const queryData = await client.query({
+          query: GET_DOC_SIZE_TOTALS,
+          fetchPolicy: "network-only",
+          variables: {
+            jobId: selectedCameraJobId,
+          },
+        });
 
-    if (selectedCameraJobId !== "temp") {
-      const queryData = await client.query({
-        query: GET_DOC_SIZE_TOTALS,
-        fetchPolicy: "network-only",
-        variables: {
-          jobId: selectedCameraJobId,
-        },
-      });
-
-      if (
-        bodyshop.jobsizelimit -
-          queryData.data.documents_aggregate.aggregate.sum.size <=
-        totalOfUploads
-      ) {
-        //No more room... abandon ship.
+        if (
+          bodyshop.jobsizelimit -
+            queryData.data.documents_aggregate.aggregate.sum.size <=
+          totalOfUploads
+        ) {
+          //No more room... abandon ship.
+          setProgress((progress) => ({
+            ...progress,
+            speed: 0,
+            action: null,
+            statusText: null,
+            uploadInProgress: false,
+          }));
+          Alert.alert(
+            t("mediabrowser.labels.storageexceeded_title"),
+            t("mediabrowser.labels.storageexceeded")
+          );
+          return;
+        }
+        //We made it this far. We have enough space, so let's start uploading.
         setProgress((progress) => ({
           ...progress,
-          speed: 0,
-          action: null,
+          totalToUpload: totalOfUploads,
+          totalUploaded: 0,
+          totalFilesCompleted: 0,
+          startTime: new Date(),
+          totalFiles: data.length,
+          currentFile: null,
           statusText: null,
-          uploadInProgress: false,
+          files: {}, //uri is the key, value is progress
         }));
-        Alert.alert(
-          t("mediabrowser.labels.storageexceeded_title"),
-          t("mediabrowser.labels.storageexceeded")
-        );
-        return;
-      }
-    }
-    //We made it this far. We have enough space, so let's start uploading.
-    setProgress((progress) => ({
-      ...progress,
-      totalToUpload: totalOfUploads,
-      totalUploaded: 0,
-      totalFilesCompleted: 0,
-      startTime: new Date(),
-      totalFiles: data.length,
-      currentFile: null,
-      statusText: null,
-      files: {}, //uri is the key, value is progress
-    }));
-
-    for (var i = 0; i < data.length + 4; i = i + 4) {
-      //Reset the files.
-      setProgress((progress) => ({ ...progress, files: {} }));
-      let proms = [];
-      if (data[i]) {
-        proms.push(CreateUploadProm(data[i]));
-      }
-      if (data[i + 1]) {
-        proms.push(CreateUploadProm(data[i + 1]));
-      }
-      if (data[i + 2]) {
-        proms.push(CreateUploadProm(data[i + 2]));
-      }
-      if (data[i + 3]) {
-        proms.push(CreateUploadProm(data[i + 3]));
       }
 
-      await Promise.all(proms);
+      for (var i = 0; i < data.length + 4; i = i + 4) {
+        //Reset the files.
+        setProgress((progress) => ({ ...progress, files: {} }));
+        let proms = [];
+        if (data[i]) {
+          proms.push(CreateUploadProm(data[i]));
+        }
+        if (data[i + 1]) {
+          proms.push(CreateUploadProm(data[i + 1]));
+        }
+        if (data[i + 2]) {
+          proms.push(CreateUploadProm(data[i + 2]));
+        }
+        if (data[i + 3]) {
+          proms.push(CreateUploadProm(data[i + 3]));
+        }
+
+        await Promise.all(proms);
+      }
+    } catch (error) {
+      console.log("Error during upload.", error, error.stack);
+      Sentry.captureException(error);
+      setProgress((progress) => ({
+        ...progress,
+        speed: 0,
+        action: null,
+        statusText: null,
+        uploadInProgress: false,
+      }));
+      Alert.alert(
+        t("mediabrowser.labels.uploaderror_title"),
+        t("mediabrowser.labels.uploaderror")
+      );
+      return;
     }
 
     //Everything is uploaded, delete the succesful ones.