extracted all strings from html lines

browser/main/modals/PreferencesModal/InfoTab.js

@@ -5,6 +5,7 @@ import ConfigManager from 'browser/main/lib/ConfigManager'
 import store from 'browser/main/store'
 import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 import _ from 'lodash'
+import i18n from 'browser/lib/i18n'
 
 const electron = require('electron')
 const { shell, remote } = electron
@@ -69,48 +70,48 @@ class InfoTab extends React.Component {
     return (
       <div styleName='root'>
 
-        <div styleName='header--sub'>Community</div>
+        <div styleName='header--sub'>{i18n.__('Community')}</div>
         <div styleName='top'>
           <ul styleName='list'>
             <li>
               <a href='https://boostnote.io/#subscribe'
                 onClick={(e) => this.handleLinkClick(e)}
-              >Subscribe to Newsletter</a>
+              >{i18n.__('Subscribe to Newsletter')}</a>
             </li>
             <li>
               <a href='https://github.com/BoostIO/Boostnote/issues'
                 onClick={(e) => this.handleLinkClick(e)}
-              >GitHub</a>
+              >{i18n.__('GitHub')}</a>
             </li>
             <li>
               <a href='https://boostlog.io/@junp1234'
                 onClick={(e) => this.handleLinkClick(e)}
-              >Blog</a>
+              >{i18n.__('Blog')}</a>
             </li>
             <li>
               <a href='https://www.facebook.com/groups/boostnote'
                 onClick={(e) => this.handleLinkClick(e)}
-              >Facebook Group</a>
+              >{i18n.__('Facebook Group')}</a>
             </li>
             <li>
               <a href='https://twitter.com/boostnoteapp'
                 onClick={(e) => this.handleLinkClick(e)}
-              >Twitter</a>
+              >{i18n.__('Twitter')}</a>
             </li>
           </ul>
         </div>
 
         <hr />
 
-        <div styleName='header--sub'>About</div>
+        <div styleName='header--sub'>{i18n.__('About')}</div>
 
         <div styleName='top'>
           <div styleName='icon-space'>
             <img styleName='icon' src='../resources/app.png' width='92' height='92' />
             <div styleName='icon-right'>
-              <div styleName='appId'>Boostnote {appVersion}</div>
+              <div styleName='appId'>{i18n.__('Boostnote')} {appVersion}</div>
               <div styleName='description'>
-                An open source note-taking app made for programmers just like you.
+                {i18n.__('An open source note-taking app made for programmers just like you.')}
               </div>
             </div>
           </div>
@@ -120,34 +121,34 @@ class InfoTab extends React.Component {
           <li>
             <a href='https://boostnote.io'
               onClick={(e) => this.handleLinkClick(e)}
-            >Website</a>
+            >{i18n.__('Website')}</a>
           </li>
           <li>
             <a href='https://github.com/BoostIO/Boostnote/blob/master/docs/build.md'
               onClick={(e) => this.handleLinkClick(e)}
-            >Development</a> : Development configurations for Boostnote.
+            >{i18n.__('Development')}</a>{i18n.__(' : Development configurations for Boostnote.')}
           </li>
           <li styleName='cc'>
-            Copyright (C) 2017 - 2018 BoostIO
+            {i18n.__('Copyright (C) 2017 - 2018 BoostIO')}
           </li>
           <li styleName='cc'>
-            License: GPL v3
+            {i18n.__('License: GPL v3')}
           </li>
         </ul>
 
         <hr styleName='separate-line' />
 
-        <div styleName='policy'>Analytics</div>
-        <div>Boostnote collects anonymous data for the sole purpose of improving the application, and strictly does not collect any personal information such the contents of your notes.</div>
-        <div>You can see how it works on <a href='https://github.com/BoostIO/Boostnote' onClick={(e) => this.handleLinkClick(e)}>GitHub</a>.</div>
+        <div styleName='policy'>{i18n.__('Analytics')}</div>
+        <div>{i18n.__('Boostnote collects anonymous data for the sole purpose of improving the application, and strictly does not collect any personal information such the contents of your notes.')}</div>
+        <div>{i18n.__('You can see how it works on ')}<a href='https://github.com/BoostIO/Boostnote' onClick={(e) => this.handleLinkClick(e)}>GitHub</a>.</div>
         <br />
-        <div>You can choose to enable or disable this option.</div>
+        <div>{i18n.__('You can choose to enable or disable this option.')}</div>
         <input onChange={(e) => this.handleConfigChange(e)}
           checked={this.state.config.amaEnabled}
           ref='amaEnabled'
           type='checkbox'
         />
-        Enable analytics to help improve Boostnote<br />
+        {i18n.__('Enable analytics to help improve Boostnote')}<br />
         <button styleName='policy-submit' onClick={(e) => this.handleSaveButtonClick(e)}>Save</button>
         <br />
         {this.infoMessage()}