🌱 Adding usage statistics button in the settings page

LiskHQ · Dec 12, 2018 · a9368ce · a9368ce
1 parent 03866a2
commit a9368ce
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 0 deletions.
diff --git a/i18n/locales/en/common.json b/i18n/locales/en/common.json
@@ -294,6 +294,7 @@
   "Send LSK": "Send LSK",
   "Send Lisk from Blockchain Application": "Send Lisk from Blockchain Application",
   "Send Lisk to Blockchain Application": "Send Lisk to Blockchain Application",
+  "Send anonymus usage statistics": "Send anonymus usage statistics",
   "Send request via E-mail": "Send request via E-mail",
   "Send to Address": "Send to Address",
   "Send to address": "Send to address",

diff --git a/src/components/setting/setting.js b/src/components/setting/setting.js
@@ -104,6 +104,17 @@ class Setting extends React.Component {
               checked: settings.advancedMode,
             }}/>
         </div>
+        <div className={`${styles.item} ${styles.network}`}>
+          <label>{t('Send anonymus usage statistics')}</label>
+          <Checkbox
+            theme={styles}
+            className={`${styles.smallSlider} statistics`}
+            onChange={() => settingsUpdated({ statistics: !settings.statistics })}
+            input={{
+              value: false,
+              checked: settings.statistics,
+            }}/>
+        </div>
         <h4>{t('Local')}</h4>
         <div className={styles.item}>
           <label>{t('Currency')}</label>

diff --git a/src/components/setting/setting.test.js b/src/components/setting/setting.test.js
@@ -23,6 +23,7 @@ describe('Setting', () => {
     advancedMode: true,
     showNetwork: false,
     currency: settingsConst.currencies[0],
+    statistics: false,
   };
 
   const account = {
@@ -124,6 +125,23 @@ describe('Setting', () => {
     expect(props.settingsUpdated).to.have.been.calledWith(expectedCallToSettingsUpdated);
   });
 
+  it('should change usage statistics when clicking on checkbox', () => {
+    props.settings.currency = undefined;
+    wrapper = mount(<Router>
+      <Setting
+        store={store}
+        {...props}/>
+    </Router>, options);
+
+    wrapper.find('.statistics').at(0).find('input').simulate('change', { target: { checked: false, value: false } });
+    clock.tick(300);
+    wrapper.update();
+    const expectedCallToSettingsUpdated = {
+      statistics: !settings.statistics,
+    };
+    expect(props.settingsUpdated).to.have.been.calledWith(expectedCallToSettingsUpdated);
+  });
+
   it('should change active currency setting to EUR', () => {
     wrapper.find('.currency').at(1).simulate('click');
     wrapper.update();

diff --git a/src/store/reducers/settings.js b/src/store/reducers/settings.js
@@ -17,6 +17,7 @@ const initialState = JSON.parse(localStorage.getItem('settings')) || {
   channels,
   hardwareAccounts: {},
   isRequestHowItWorksDisable: false,
+  statistics: false,
 };
 
 /**