feat(neuron-ui): add a toggle of skip-data-and-type

Author: Keith-CY

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

@@ -28,7 +28,10 @@ const Addresses = ({
   },
   wallet: { addresses = [], id: walletID },
   chain: { networkID },
-  settings: { showAddressBook = false, networks = [] },
+  settings: {
+    general: { showAddressBook = false },
+    networks = [],
+  },
   history,
   dispatch,
 }: React.PropsWithoutRef<StateWithDispatch & RouteComponentProps>) => {

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

@@ -1,23 +1,36 @@
-import React, { useCallback } from 'react'
+import React, { useMemo } from 'react'
 import { Stack, Toggle } from 'office-ui-fabric-react'
 import { useTranslation } from 'react-i18next'
 
 import { StateWithDispatch } from 'states/stateProvider/reducer'
-import { toggleAddressBook } from 'states/stateProvider/actionCreators'
+import { toggleAddressBook, setSkipDataAndType } from 'states/stateProvider/actionCreators'
 
-const GeneralSetting = ({ settings: { showAddressBook }, dispatch }: React.PropsWithoutRef<StateWithDispatch>) => {
+const GeneralSetting = ({
+  settings: {
+    general: { showAddressBook, skipDataAndType },
+  },
+  dispatch,
+}: React.PropsWithoutRef<StateWithDispatch>) => {
   const [t] = useTranslation()
-  const onToggle = useCallback(() => {
-    dispatch(toggleAddressBook())
-  }, [dispatch])
+  const [onToggleAddressVisibility, onSetSkipDataAndType] = useMemo(
+    () => [() => dispatch(toggleAddressBook()), () => 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={onToggle}
+        onChange={onToggleAddressVisibility}
+      />
+      <Toggle
+        checked={skipDataAndType}
+        label={t('settings.general.skip-data-and-type')}
+        onText={t('common.toggle.on')}
+        offText={t('common.toggle.off')}
+        onChange={onSetSkipDataAndType}
       />
     </Stack>
   )

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

@@ -42,7 +42,10 @@ const Navbar = ({
 }: React.PropsWithoutRef<StateWithDispatch & RouteComponentProps>) => {
   const neuronWallet = useState()
   const {
-    settings: { wallets = [], showAddressBook = false },
+    settings: {
+      wallets = [],
+      general: { showAddressBook = false },
+    },
   } = neuronWallet
   const [t] = useTranslation()
 

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

@@ -164,6 +164,7 @@
       },
       "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

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

packages/neuron-ui/src/services/remote/index.ts

@@ -2,6 +2,7 @@ export * from './app'
 export * from './wallets'
 export * from './networks'
 export * from './transactions'
+export * from './skipDataAndType'
 
 export const getLocale = () => {
   if (!window.remote) {

packages/neuron-ui/src/services/remote/skipDataAndType.ts

@@ -0,0 +1,11 @@
+import { controllerMethodWrapper } from './controllerMethodWrapper'
+
+const CONTROLLER_NAME = 'skip-data-and-type'
+
+export const setSkipDataAndType = controllerMethodWrapper(CONTROLLER_NAME)(
+  (controller: any) => (params: Controller.SetSkipAndTypeParam) => {
+    return controller.update(params)
+  }
+)
+
+export default { setSkipDataAndType }

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

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

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

@@ -26,6 +26,7 @@ export const initAppState = () => (dispatch: StateDispatch, history: any) => {
           syncedBlockNumber = '',
           connectionStatus = false,
           codeHash = '',
+          skipDataAndType = false,
         } = res.result
         dispatch({
           type: NeuronWalletActions.InitAppState,
@@ -38,6 +39,7 @@ export const initAppState = () => (dispatch: StateDispatch, history: any) => {
             syncedBlockNumber,
             connectionStatus,
             codeHash,
+            skipDataAndType,
           },
         })
         if (!wallet) {

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

@@ -2,16 +2,19 @@ import app from './app'
 import wallets from './wallets'
 import transactions from './transactions'
 import settings from './settings'
+import skipDataAndType from './skipDataAndType'
 
 export * from './app'
 export * from './wallets'
 export * from './transactions'
 export * from './settings'
+export * from './skipDataAndType'
 export const actionCreators = {
   ...app,
   ...wallets,
   ...transactions,
   ...settings,
+  ...skipDataAndType,
 }
 
 export default actionCreators