Add community link to homepages

src/assets/translations.data.json

@@ -65,6 +65,7 @@
     "home.source_link": "Source",
     "home.spoke_link": "Spoke",
     "home.about_link": "About",
+    "home.community_link": "Community",
     "home.privacy_notice": "Privacy Notice",
     "home.terms_of_use": "Terms of Use",
     "home.get_updates": "Get Updates",

src/react-components/home-root.js

@@ -187,6 +187,9 @@ class HomeRoot extends Component {
                   <a href="/spoke" rel="noreferrer noopener">
                     <FormattedMessage id="home.spoke_link" />
                   </a>
+                  <a href="https://discord.gg/XzrGUY8" rel="noreferrer noopener">
+                    <FormattedMessage id="home.community_link" />
+                  </a>
                 </div>
               </div>
               <div className={styles.ident} />

src/spoke.js

@@ -126,14 +126,17 @@ class SpokeLanding extends Component {
           <div className={styles.header}>
             <div className={styles.headerLinks}>
               <a href="/about" rel="noopener noreferrer">
-                About
+                <FormattedMessage id="home.about_link" />
               </a>
               <a href="https://github.com/mozillareality/spoke" rel="noopener noreferrer">
-                Source
+                <FormattedMessage id="home.source_link" />
               </a>
               <a href="https://hubs.mozilla.com" rel="noopener noreferrer">
                 Hubs
               </a>
+              <a href="https://discord.gg/XzrGUY8" rel="noreferrer noopener">
+                <FormattedMessage id="home.community_link" />
+              </a>
             </div>
           </div>
           <div className={styles.content}>