create FileUtils.showCameraPermissionsAlert

Expensify · Oct 11, 2023 · 47149ff · 47149ff
1 parent 4b6b39e
commit 47149ff
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 47 deletions.
diff --git a/src/components/AttachmentPicker/index.native.js b/src/components/AttachmentPicker/index.native.js
@@ -1,7 +1,7 @@
 import _ from 'underscore';
 import React, {useState, useRef, useCallback, useMemo} from 'react';
 import PropTypes from 'prop-types';
-import {View, Alert, Linking} from 'react-native';
+import {View, Alert} from 'react-native';
 import RNDocumentPicker from 'react-native-document-picker';
 import RNFetchBlob from 'react-native-blob-util';
 import lodashCompact from 'lodash/compact';
@@ -110,27 +110,6 @@ function AttachmentPicker({type, children, shouldHideCameraOption}) {
     const {translate} = useLocalize();
     const {isSmallScreenWidth} = useWindowDimensions();
 
-    /**
-     * Inform the users when they need to grant camera access and guide them to settings
-     */
-    const showPermissionsAlert = useCallback(() => {
-        Alert.alert(
-            translate('attachmentPicker.cameraPermissionRequired'),
-            translate('attachmentPicker.expensifyDoesntHaveAccessToCamera'),
-            [
-                {
-                    text: translate('common.cancel'),
-                    style: 'cancel',
-                },
-                {
-                    text: translate('common.settings'),
-                    onPress: () => Linking.openSettings(),
-                },
-            ],
-            {cancelable: false},
-        );
-    }, [translate]);
-
     /**
      * A generic handling when we don't know the exact reason for an error
      */
@@ -155,7 +134,7 @@ function AttachmentPicker({type, children, shouldHideCameraOption}) {
                     if (response.errorCode) {
                         switch (response.errorCode) {
                             case 'permission':
-                                showPermissionsAlert();
+                                FileUtils.showCameraPermissionsAlert();
                                 return resolve();
                             default:
                                 showGeneralAlert();
@@ -168,7 +147,7 @@ function AttachmentPicker({type, children, shouldHideCameraOption}) {
                     return resolve(response.assets);
                 });
             }),
-        [showGeneralAlert, showPermissionsAlert, type],
+        [showGeneralAlert, type],
     );
 
     /**

diff --git a/src/libs/fileDownload/FileUtils.js b/src/libs/fileDownload/FileUtils.js
@@ -48,6 +48,27 @@ function showPermissionErrorAlert() {
     ]);
 }
 
+/**
+ * Inform the users when they need to grant camera access and guide them to settings
+ */
+function showCameraPermissionsAlert() {
+    Alert.alert(
+        Localize.translateLocal('attachmentPicker.cameraPermissionRequired'),
+        Localize.translateLocal('attachmentPicker.expensifyDoesntHaveAccessToCamera'),
+        [
+            {
+                text: Localize.translateLocal('common.cancel'),
+                style: 'cancel',
+            },
+            {
+                text: Localize.translateLocal('common.settings'),
+                onPress: () => Linking.openSettings(),
+            },
+        ],
+        {cancelable: false},
+    );
+}
+
 /**
  * Generate a random file name with timestamp and file extension
  * @param {String} url
@@ -213,6 +234,7 @@ export {
     showGeneralErrorAlert,
     showSuccessAlert,
     showPermissionErrorAlert,
+    showCameraPermissionsAlert,
     splitExtensionFromFileName,
     getAttachmentName,
     getFileType,

diff --git a/src/pages/iou/ReceiptSelector/index.native.js b/src/pages/iou/ReceiptSelector/index.native.js
@@ -1,4 +1,4 @@
-import {ActivityIndicator, Alert, AppState, Text, View, Linking} from 'react-native';
+import {ActivityIndicator, Alert, AppState, Text, View} from 'react-native';
 import React, {useCallback, useEffect, useRef, useState} from 'react';
 import {useCameraDevices} from 'react-native-vision-camera';
 import lodashGet from 'lodash/get';
@@ -102,27 +102,6 @@ function ReceiptSelector({route, report, iou, transactionID, isInTabNavigator})
         };
     }, []);
 
-    /**
-     * Inform the users when they need to grant camera access and guide them to settings
-     */
-    const showPermissionsAlert = useCallback(() => {
-        Alert.alert(
-            translate('attachmentPicker.cameraPermissionRequired'),
-            translate('attachmentPicker.expensifyDoesntHaveAccessToCamera'),
-            [
-                {
-                    text: translate('common.cancel'),
-                    style: 'cancel',
-                },
-                {
-                    text: translate('common.settings'),
-                    onPress: () => Linking.openSettings(),
-                },
-            ],
-            {cancelable: false},
-        );
-    }, [translate]);
-
     const askForPermissions = () => {
         // There's no way we can check for the BLOCKED status without requesting the permission first
         // https://github.com/zoontek/react-native-permissions/blob/a836e114ce3a180b2b23916292c79841a267d828/README.md?plain=1#L670
@@ -131,7 +110,7 @@ function ReceiptSelector({route, report, iou, transactionID, isInTabNavigator})
                 setCameraPermissionStatus(status);
 
                 if (status === RESULTS.BLOCKED) {
-                    showPermissionsAlert();
+                    FileUtils.showCameraPermissionsAlert();
                 }
             })
             .catch(() => {