Extract openImportDialog

components/settings.js

@@ -28,21 +28,7 @@ export default class Settings extends Component {
           <View style={styles.homeButton}>
             <Button
               title={labels.import.button}
-              onPress={() => {
+              onPress={ openImportDialogAndImport }>
-                Alert.alert(
-                  labels.import.title,
-                  labels.import.message,
-                  [{
-                    text: labels.import.replaceOption,
-                    onPress: () => getFileContentAndImport({deleteExisting: false})
-                  }, {
-                    text: labels.import.deleteOption,
-                    onPress: () => getFileContentAndImport({deleteExisting: true})
-                  }, {
-                    text: labels.shared.cancel, style: 'cancel', onPress: () => { }
-                  }]
-                )
-              }}>
             </Button>
           </View>
         </View>
@@ -77,6 +63,22 @@ async function openShareDialogAndExport() {
   }
 }
 
+function openImportDialogAndImport() {
+  Alert.alert(
+    labels.import.title,
+    labels.import.message,
+    [{
+      text: labels.import.replaceOption,
+      onPress: () => getFileContentAndImport({ deleteExisting: false })
+    }, {
+      text: labels.import.deleteOption,
+      onPress: () => getFileContentAndImport({ deleteExisting: true })
+    }, {
+      text: labels.shared.cancel, style: 'cancel', onPress: () => { }
+    }]
+  )
+}
+
 async function getFileContentAndImport({ deleteExisting }) {
   let fileInfo
   try {