RealmInputScreen: Link to doc for what "server URL" is and how to find it

Author: chrisbobbe

src/start/RealmInputScreen.js

@@ -18,6 +18,7 @@ import { TranslationContext } from '../boot/TranslationProvider';
 import type { LocalizableText } from '../types';
 import { getGlobalSettings } from '../directSelectors';
 import { useGlobalSelector } from '../react-redux';
+import WebLink from '../common/WebLink';
 
 type Props = $ReadOnly<{|
   navigation: AppNavigationProp<'realm-input'>,
@@ -172,7 +173,18 @@ export default function RealmInputScreen(props: Props): Node {
       keyboardShouldPersistTaps="always"
       shouldShowLoadingBanner={false}
     >
-      <ZulipTextIntl text="Enter your Zulip server URL:" />
+      <ZulipTextIntl
+        text={{
+          text: 'Enter your Zulip server URL: <z-link>(What’s this?)</z-link>',
+          values: {
+            'z-link': chunks => (
+              <WebLink url={new URL('https://zulip.com/help/logging-in#find-the-zulip-log-in-url')}>
+                {chunks}
+              </WebLink>
+            ),
+          },
+        }}
+      />
       <View style={styles.inputWrapper}>
         <TextInput
           value={realmInputValue}

static/translations/messages_en.json

@@ -106,7 +106,7 @@
   "No unread messages": "No unread messages",
   "Pick account": "Pick account",
   "Welcome": "Welcome",
-  "Enter your Zulip server URL:": "Enter your Zulip server URL:",
+  "Enter your Zulip server URL: <z-link>(What’s this?)</z-link>": "Enter your Zulip server URL: <z-link>(What’s this?)</z-link>",
   "e.g. zulip.example.com": "e.g. zulip.example.com",
   "Subscriptions": "Subscriptions",
   "Search": "Search",