Add policy

browser/main/modals/PreferencesModal/InfoTab.js

@@ -3,6 +3,7 @@ import CSSModules from 'browser/lib/CSSModules'
 import styles from './InfoTab.styl'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import store from 'browser/main/store'
+import AwsMobileAnalyticsConfig from 'browser/main/lib/AwsMobileAnalyticsConfig'
 
 const electron = require('electron')
 const { shell, remote } = electron
@@ -39,6 +40,9 @@ class InfoTab extends React.Component {
       type: 'SET_CONFIG',
       config: newConfig
     })
+    if (newConfig.amaEnabled) {
+      AwsMobileAnalyticsConfig.recordDynamitCustomEvent('DISABLE_AMA')
+    }
   }
 
   render () {
@@ -90,12 +94,17 @@ class InfoTab extends React.Component {
             License: GPL v3
           </li>
         </ul>
+        <hr />
+        <div styleName='policy'>Data collectiong policy</div>
+        <p>We collect only the amount of users on Boostnote for DAU and any detail information
+        <p>such as a note's content or title is not collected.</p>
+        <p>You can see how it works on <a href='https://github.com/BoostIO/Boostnote'>GitHub</a></p>
         <input onChange={(e) => this.handleConfigChange(e)}
           checked={this.state.config.amaEnabled}
           ref='amaEnabled'
           type='checkbox'
         />
-        Enable to send analytics to our servers
+        Enable to send analytics to our servers<br />
         <button onClick={(e) => this.handleSaveButtonClick(e)}>Save</button>
       </div>
     )

browser/main/modals/PreferencesModal/InfoTab.styl

@@ -41,7 +41,10 @@
   a
     color #4E8EC6
     text-decoration none
-  
+
+.policy
+  font-size 20px
+
 body[data-theme="dark"]
   .root
-    color alpha($tab--dark-text-color, 80%)
+    color alpha($tab--dark-text-color, 80%)