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

Author: chrisbobbe

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,
 |}>;
 

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;
@@ -65,7 +65,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 },
@@ -88,7 +92,7 @@ export default function RealmInputScreen(props: Props): Node {
         navigation={navigation}
         onChangeText={setRealmInputValue}
         value={realmInputValue}
-        onSubmitEditing={tryRealm}
+        onSubmitEditing={handleInputSubmit}
         enablesReturnKeyAutomatically
       />
       {error !== null ? (
@@ -100,7 +104,7 @@ export default function RealmInputScreen(props: Props): Node {
         style={styles.button}
         text="Enter"
         progress={progress}
-        onPress={tryRealm}
+        onPress={handleInputSubmit}
         disabled={urlFromInputValue(realmInputValue) === undefined}
       />
     </Screen>