Add link to network troubleshooting guide for timeouts.

samuelmaddock · Oct 1, 2018 · ee24239 · ee24239
1 parent 41eac73
commit ee24239
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/app/renderer/components/lobby/Disconnect.css b/app/renderer/components/lobby/Disconnect.css
@@ -17,6 +17,10 @@
   margin-right: 0.5rem;
 }
 
+.info a {
+  text-decoration: underline;
+}
+
 .titlebar {
   composes: titlebar from '../GameLobby.css';
 }
diff --git a/app/renderer/components/lobby/Disconnect.tsx b/app/renderer/components/lobby/Disconnect.tsx
@@ -18,14 +18,24 @@ export class Disconnect extends Component<IProps> {
     const reasonKey: any = NetworkDisconnectMessages[reason]
     const msg = t(reasonKey) || reasonKey
 
+    // prettier-ignore
     return (
       <div className={styles.container}>
         <TitleBar className={styles.titlebar} />
 
         <h1 className={styles.header}>{t('disconnected')}</h1>
         <p className={styles.info}>
           <Icon name="info" />
-          {msg}
+          <span>
+            {msg}
+
+            {/* Temporary message for linking to guide until l10n supports links. */}
+            {reason === NetworkDisconnectReason.Timeout && (
+              <>
+                . See <ExternalLink href="https://github.com/samuelmaddock/metastream/wiki/Network-Troubleshooting">Network Troubleshooting guide</ExternalLink> for help.
+              </>
+            )}
+          </span>
         </p>
         <Link to="/">
           <MenuButton size="medium">{t('ok')}</MenuButton>