Port ComputedWallet to mobx 4

Author: tanx

src/computed/wallet.js

@@ -2,30 +2,30 @@
  * @fileOverview computed values that are used in wallet UI components.
  */
 
-import { computed, extendObservable } from 'mobx';
+import { extendObservable } from 'mobx';
 import { toAmountLabel } from '../helper';
 import { UNITS, FIATS } from '../config';
 
 const ComputedWallet = store => {
   extendObservable(store, {
-    walletAddressUri: computed(
-      () => (store.walletAddress ? `bitcoin:${store.walletAddress}` : '')
-    ),
-    depositLabel: computed(() => {
+    get walletAddressUri() {
+      return store.walletAddress ? `bitcoin:${store.walletAddress}` : '';
+    },
+    get depositLabel() {
       const { balanceSatoshis, pendingBalanceSatoshis, settings } = store;
       return toAmountLabel(balanceSatoshis + pendingBalanceSatoshis, settings);
-    }),
-    channelBalanceLabel: computed(() =>
-      toAmountLabel(store.channelBalanceSatoshis, store.settings)
-    ),
-    unitFiatLabel: computed(() => {
+    },
+    get channelBalanceLabel() {
+      return toAmountLabel(store.channelBalanceSatoshis, store.settings);
+    },
+    get unitFiatLabel() {
       const { displayFiat, unit, fiat } = store.settings;
       return displayFiat ? FIATS[fiat].display : UNITS[unit].display;
-    }),
-    unitLabel: computed(() => {
+    },
+    get unitLabel() {
       const { settings } = store;
       return !settings.displayFiat ? UNITS[settings.unit].display : null;
-    }),
+    },
   });
 };