Issue #245 - localize whitepaper and product briefing links (#270)

* Issue #245 - Localize PDF links in footer

* Issue #245 - using componentDidMount instead of componentWillMount

src/components/footer.js

@@ -8,7 +8,16 @@ class Footer extends Component {
   constructor(props) {
     super(props)
 
+    this.state = {
+      companyWebsiteLanguageAbbrev: 'en'
+    }
+
     this.localizeApp = this.localizeApp.bind(this)
+    this.localizeWhitepaperUrl = this.localizeWhitepaperUrl.bind(this)
+  }
+
+  componentDidMount() {
+    this.localizeWhitepaperUrl()
   }
 
   localizeApp(langAbbrev) {
@@ -18,6 +27,13 @@ class Footer extends Component {
     }
   }
 
+  localizeWhitepaperUrl() {
+    const { selectedLanguageAbbrev: langAbbrev } = this.props
+    const companyWebsiteLanguageAbbrev = langAbbrev === 'zh' ? `${langAbbrev}_Hans` : langAbbrev
+
+    this.setState({ companyWebsiteLanguageAbbrev })
+  }
+
   render() {
     return (
       <footer className="dark-footer">
@@ -72,15 +88,15 @@ class Footer extends Component {
                   </div>
                   <ul className="footer-links">
                     <li>
-                      <a href="https://www.originprotocol.com/product-brief">
+                      <a href={ `https://www.originprotocol.com/${this.state.companyWebsiteLanguageAbbrev}/product-brief` }>
                         <FormattedMessage
                           id={ 'footer.productBriefLink' }
                           defaultMessage={ 'Product Brief' }
                         />
                       </a>
                     </li>
                     <li>
-                      <a href="https://www.originprotocol.com/whitepaper">
+                      <a href={ `https://www.originprotocol.com/${this.state.companyWebsiteLanguageAbbrev}/whitepaper` }>
                         <FormattedMessage
                           id={ 'footer.whitepaperLink' }
                           defaultMessage={ 'Whitepaper' }