Merge pull request #431 from monkvision/feature/MN-213/update-retake-all-button

Update Retake Button [TOYOTA]

Author: souyahia-monk

packages/camera/src/components/UploadCenter/UploadCard/hooks/useVariant.js

@@ -15,7 +15,7 @@ export default function useThumbnail({
         label: t('uploadCenter.variant.retake.label'),
         icon: 'camera-retake',
         callback: handleRetake,
-        sublable: t('uploadCenter.variant.retake.sublabel'),
+        sublabel: t('uploadCenter.variant.retake.sublabel'),
         color: colors.error,
       };
     }
@@ -32,7 +32,7 @@ export default function useThumbnail({
         label: t('uploadCenter.variant.recheck.label'),
         icon: 'alert-circle',
         callback: handleRecheck,
-        sublable: t('uploadCenter.variant.recheck.sublabel'),
+        sublabel: t('uploadCenter.variant.recheck.sublabel'),
         color: colors.disabled,
       };
     }
@@ -41,7 +41,7 @@ export default function useThumbnail({
       label: t('uploadCenter.variant.retake.label'),
       icon: 'camera-retake',
       callback: handleRetake,
-      sublable: t('uploadCenter.variant.retake.sublabel'),
+      sublabel: t('uploadCenter.variant.retake.sublabel'),
       color: colors.accent,
     };
   }, [isPending, isComplianceFailed, isComplianceIdle, isUploadFailed,

packages/camera/src/components/UploadCenter/UploadCard/index.js

@@ -95,7 +95,7 @@ function UploadCard({
             {variant?.callback
               ? (
                 <TouchableOpacity onPress={variant.callback}>
-                  <Text style={{ fontWeight: 'bold' }}>{`, ${variant.sublable}`}</Text>
+                  <Text style={{ fontWeight: 'bold' }}>{`, ${variant.sublabel}`}</Text>
                 </TouchableOpacity>
               )
               : null}

packages/camera/src/components/UploadCenter/index.js

@@ -115,6 +115,14 @@ export default function UploadCenter({
     onComplianceCheckStart();
   }, [onComplianceCheckStart]);
 
+  const displayRetakeAll = useMemo(
+    () => Object.values(uploads.state).some((u) => !!u.error) || Object.values(compliance.state)
+      .some((c) => ['rejected', 'unsatisfied'].includes(c.status)
+        || c?.result?.data?.compliances?.image_quality_assessment?.is_compliant === false
+        || c?.result?.data?.compliances?.zoom_level?.is_compliant === false),
+    [compliance, uploads],
+  );
+
   const statEventsData = useMemo(() => ({
     retakesNeeded: ids.length,
     compliances: Object.entries(compliance.state)
@@ -210,16 +218,18 @@ export default function UploadCenter({
 
       {/* actions */}
       <View style={styles.actions}>
-        <Button
-          onPress={handleRetakeAll}
-          colors={colors}
-          color={colors.actions.primary}
-          disabled={!hasFulfilledAllUploads}
-        >
-          <Text style={{ color: colors.actions.primary.text || colors.text }}>
-            {`${t('uploadCenter.view.retakeAll')} ${ids.length ? `(${ids.length})` : ''}`}
-          </Text>
-        </Button>
+        {displayRetakeAll ? (
+          <Button
+            onPress={handleRetakeAll}
+            colors={colors}
+            color={colors.actions.primary}
+            disabled={!hasFulfilledAllUploads}
+          >
+            <Text style={{ color: colors.actions.primary.text || colors.text }}>
+              {`${t('uploadCenter.view.retakeAll')} ${ids.length ? `(${ids.length})` : ''}`}
+            </Text>
+          </Button>
+        ) : null}
         <Button
           colors={colors}
           color={colors.actions.secondary}

packages/camera/src/i18n/resources/fr.js

@@ -25,7 +25,7 @@ const fr = {
         tooMuchTodo: 'Impossible de vérifier toutes les images, cela pourrait affecter la précision des résultats',
         allRejected: 'Impossible d\'upload les images, veuillez réessayer',
         loading: 'Chargement...',
-        retakeAll: 'Recommencer tout',
+        retakeAll: 'Reprendre ces photos',
         submit: 'Passer',
       },
       subtitle: {