feat: Always show address book

Author: ashchan

packages/neuron-ui/src/components/Addresses/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useMemo } from 'react'
+import React, { useState, useMemo } from 'react'
 import { RouteComponentProps } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import {
@@ -18,7 +18,6 @@ import { ckbCore } from 'services/chain'
 import { StateWithDispatch } from 'states/stateProvider/reducer'
 
 import { useLocalDescription } from 'utils/hooks'
-import { Routes } from 'utils/const'
 import { localNumberFormatter, shannonToCKBFormatter } from 'utils/formatters'
 import { onRenderRow } from 'utils/fabricUIRender'
 
@@ -28,22 +27,13 @@ const Addresses = ({
   },
   wallet: { addresses = [], id: walletID },
   chain: { networkID },
-  settings: {
-    general: { showAddressBook = false },
-    networks = [],
-  },
-  history,
+  settings: { networks = [] },
   dispatch,
 }: React.PropsWithoutRef<StateWithDispatch & RouteComponentProps>) => {
   const isMainnet =
     (networks.find(n => n.id === networkID) || {}).chain === (process.env.REACT_APP_MAINNET_TAG || 'ckb')
   const [showMainnetAddress, setShowMainnetAddress] = useState(false)
   const [t] = useTranslation()
-  useEffect(() => {
-    if (!showAddressBook) {
-      history.push(Routes.Overview)
-    }
-  }, [showAddressBook, history])
 
   const {
     localDescription,

packages/neuron-ui/src/components/GeneralSetting/index.tsx

@@ -3,28 +3,21 @@ import { Stack, Toggle } from 'office-ui-fabric-react'
 import { useTranslation } from 'react-i18next'
 
 import { StateWithDispatch } from 'states/stateProvider/reducer'
-import { toggleAddressBook, setSkipDataAndType } from 'states/stateProvider/actionCreators'
+import { setSkipDataAndType } from 'states/stateProvider/actionCreators'
 
 const GeneralSetting = ({
   settings: {
-    general: { showAddressBook, skipDataAndType },
+    general: { skipDataAndType },
   },
   dispatch,
 }: React.PropsWithoutRef<StateWithDispatch>) => {
   const [t] = useTranslation()
-  const [onToggleAddressVisibility, onSetSkipDataAndType] = useMemo(
-    () => [() => dispatch(toggleAddressBook()), () => setSkipDataAndType(!skipDataAndType)(dispatch)],
-    [dispatch, skipDataAndType]
-  )
+  const [onSetSkipDataAndType] = useMemo(() => [() => setSkipDataAndType(!skipDataAndType)(dispatch)], [
+    dispatch,
+    skipDataAndType,
+  ])
   return (
     <Stack tokens={{ childrenGap: 15 }}>
-      <Toggle
-        checked={showAddressBook}
-        label={t('settings.general.display-address-book-in-the-navbar')}
-        onText={t('common.toggle.on')}
-        offText={t('common.toggle.off')}
-        onChange={onToggleAddressVisibility}
-      />
       <Toggle
         checked={skipDataAndType}
         label={t('settings.general.skip-data-and-type')}

packages/neuron-ui/src/containers/Main/hooks.ts

@@ -2,7 +2,6 @@ import { useEffect } from 'react'
 
 import { NeuronWalletActions, StateDispatch, AppActions } from 'states/stateProvider/reducer'
 import {
-  toggleAddressBook,
   updateTransactionList,
   updateCurrentWallet,
   updateWalletList,
@@ -214,10 +213,6 @@ export const useSubscription = ({
             history.push(payload)
             break
           }
-          case 'toggle-address-book': {
-            dispatch(toggleAddressBook())
-            break
-          }
           case 'delete-wallet': {
             dispatch({
               type: AppActions.RequestPassword,

packages/neuron-ui/src/containers/Navbar/index.tsx

@@ -42,16 +42,11 @@ const Navbar = ({
 }: React.PropsWithoutRef<StateWithDispatch & RouteComponentProps>) => {
   const neuronWallet = useState()
   const {
-    settings: {
-      wallets = [],
-      general: { showAddressBook = false },
-    },
+    settings: { wallets = [] },
   } = neuronWallet
   const [t] = useTranslation()
 
-  const pivotItems = useMemo(() => (showAddressBook ? menuItems : menuItems.slice(0, menuItems.length - 1)), [
-    showAddressBook,
-  ])
+  const pivotItems = menuItems
 
   const selectedKey = useMemo(() => {
     const selectedTab = pivotItems.find(item => item.key === pathname.split('/')[1])

packages/neuron-ui/src/locales/en.json

@@ -180,7 +180,6 @@
         "network": "Network"
       },
       "general": {
-        "display-address-book-in-the-navbar": "Show the address book",
         "skip-data-and-type": "Skip the Cells which contain Data or Type Script",
         "show": "Show",
         "hide": "Hide"

packages/neuron-ui/src/locales/zh.json

@@ -180,7 +180,6 @@
         "network": "网络"
       },
       "general": {
-        "display-address-book-in-the-navbar": "显示地址簿",
         "skip-data-and-type": "忽略包含 Data 或 Type Script 的 Cells",
         "show": "显示",
         "hide": "隐藏"

packages/neuron-ui/src/services/localCache.ts

@@ -1,30 +1,11 @@
 export enum LocalCacheKey {
-  AddressBookVisibility = 'address-book-visibility',
   Addresses = 'addresses',
   Networks = 'networks',
   Wallets = 'wallets',
   CurrentWallet = 'currentWallet',
   CurrentNetworkID = 'currentNetworkID',
   SystemScript = 'systemScript',
 }
-enum AddressBookVisibility {
-  Invisible = '0',
-  Visible = '1',
-}
-
-export const addressBook = {
-  isVisible: () => {
-    const isVisible = window.localStorage.getItem(LocalCacheKey.AddressBookVisibility)
-    return AddressBookVisibility.Visible === isVisible
-  },
-
-  toggleVisibility: () => {
-    window.localStorage.setItem(
-      LocalCacheKey.AddressBookVisibility,
-      addressBook.isVisible() ? AddressBookVisibility.Invisible : AddressBookVisibility.Visible
-    )
-  },
-}
 
 export const addresses = {
   save: (addressList: State.Address[]) => {
@@ -143,7 +124,6 @@ export const systemScript = {
 
 export default {
   LocalCacheKey,
-  addressBook,
   addresses,
   networks,
   wallets,

packages/neuron-ui/src/states/initStates/settings.ts

@@ -1,9 +1,8 @@
-import { addressBook, wallets, networks } from 'services/localCache'
+import { wallets, networks } from 'services/localCache'
 
 export const settingsState: State.Settings = {
   general: {
     skipDataAndType: false,
-    showAddressBook: addressBook.isVisible(),
   },
   networks: networks.load(),
   wallets: wallets.load(),

packages/neuron-ui/src/states/stateProvider/actionCreators/settings.ts

@@ -1,19 +1,10 @@
 import { createNetwork as createRemoteNetwork, updateNetwork as updateRemoteNetwork } from 'services/remote'
-import { addressBook } from 'services/localCache'
 import { Routes } from 'utils/const'
 import { failureResToNotification } from 'utils/formatters'
 import { addNotification, addPopup } from './app'
 
 import { AppActions, StateDispatch } from '../reducer'
 
-export const toggleAddressBook = () => {
-  addressBook.toggleVisibility()
-  return {
-    type: AppActions.ToggleAddressBookVisibility,
-    payload: null,
-  }
-}
-
 export const createNetwork = (params: Controller.CreateNetworkParams) => (dispatch: StateDispatch, history: any) => {
   dispatch({
     type: AppActions.UpdateLoadings,
@@ -67,7 +58,6 @@ export const updateNetwork = (params: Controller.UpdateNetworkParams) => (dispat
 }
 
 export default {
-  toggleAddressBook,
   createNetwork,
   updateNetwork,
 }

packages/neuron-ui/src/states/stateProvider/reducer.ts

@@ -22,7 +22,6 @@ export enum NeuronWalletActions {
   UpdateSkipDataAndType = 'updateSkipDataAndType',
 }
 export enum AppActions {
-  ToggleAddressBookVisibility = 'toggleAddressBookVisibility',
   UpdateTransactionID = 'updateTransactionID',
   AddSendOutput = 'addSendOutput',
   RemoveSendOutput = 'removeSendOutput',
@@ -103,18 +102,6 @@ export const reducer = (
         },
       }
     }
-    case AppActions.ToggleAddressBookVisibility: {
-      return {
-        ...state,
-        settings: {
-          ...settings,
-          general: {
-            ...settings.general,
-            showAddressBook: !settings.general.showAddressBook,
-          },
-        },
-      }
-    }
     case NeuronWalletActions.UpdateSkipDataAndType: {
       return {
         ...state,