fix: Fix import config button crash (#512)

* fix: Fix import config button crash * Update version in package-lock Co-authored-by: luandro <luandro@gmail.com>
digidem · Feb 11, 2021 · 6093c3e · 6093c3e
1 parent 5873ce2
commit 6093c3e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/frontend/screens/Settings/ProjectConfig.js b/src/frontend/screens/Settings/ProjectConfig.js
@@ -124,7 +124,7 @@ const ProjectConfig = () => {
         variant="outlined"
         onPress={handleImportPress}
       >
-        <FormattedMessage {...m.importConfig} />
+        {t(m.importConfig) /* Button component expects string children */}
       </Button>
     </View>
   );

diff --git a/src/frontend/sharedComponents/Button.js b/src/frontend/sharedComponents/Button.js
@@ -57,13 +57,16 @@ const Button = ({
         onPress={disabled ? undefined : onPress}
       >
         <View style={styles.touchable}>
-          {typeof children === "string" ? (
-            <Text style={[styles.textBase, textStyle]}>
-              {children.toUpperCase()}
-            </Text>
-          ) : (
-            children
-          )}
+          {
+            typeof children === "string" ? (
+              <Text style={[styles.textBase, textStyle]}>
+                {children.toUpperCase()}
+              </Text>
+            ) : (
+              children
+            )
+            // TODO: Handle <FormattedMessage> as children (wrapping in <Text>)
+          }
         </View>
       </TouchableNativeFeedback>
     </View>