RealmInputScreen [nfc]: Have tryRealm take an arg for what realm to…

… try
chrisbobbe · Apr 5, 2022 · d63ea54 · d63ea54
1 parent b8dda35
commit d63ea54
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/common/SmartUrlInput.js b/src/common/SmartUrlInput.js
@@ -29,7 +29,7 @@ type Props = $ReadOnly<{|
   style?: ViewStyleProp,
   onChangeText: (value: string) => void,
   value: string,
-  onSubmitEditing: () => Promise<void>,
+  onSubmitEditing: () => void,
   enablesReturnKeyAutomatically: boolean,
 |}>;
 

diff --git a/src/start/RealmInputScreen.js b/src/start/RealmInputScreen.js
@@ -40,8 +40,8 @@ export default function RealmInputScreen(props: Props): Node {
 
   const [error, setError] = useState<string | null>(null);
 
-  const tryRealm = useCallback(async () => {
-    const parsedRealm = urlFromInputValue(realmInputValue);
+  const tryRealm = useCallback(async unparsedUrl => {
+    const parsedRealm = urlFromInputValue(unparsedUrl);
     if (!parsedRealm) {
       setError('Please enter a valid URL');
       return;
@@ -67,7 +67,11 @@ export default function RealmInputScreen(props: Props): Node {
     } finally {
       setProgress(false);
     }
-  }, [realmInputValue]);
+  }, []);
+
+  const handleInputSubmit = useCallback(() => {
+    tryRealm(realmInputValue);
+  }, [tryRealm, realmInputValue]);
 
   const styles = {
     input: { marginTop: 16, marginBottom: 8 },
@@ -90,7 +94,7 @@ export default function RealmInputScreen(props: Props): Node {
         navigation={navigation}
         onChangeText={setRealmInputValue}
         value={realmInputValue}
-        onSubmitEditing={tryRealm}
+        onSubmitEditing={handleInputSubmit}
         enablesReturnKeyAutomatically
       />
       {error !== null ? (
@@ -102,7 +106,7 @@ export default function RealmInputScreen(props: Props): Node {
         style={styles.button}
         text="Enter"
         progress={progress}
-        onPress={tryRealm}
+        onPress={handleInputSubmit}
         disabled={urlFromInputValue(realmInputValue) === undefined}
       />
     </Screen>