feat(neuron-ui): double click on tx item shows its details

Author: Keith-CY

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

@@ -13,7 +13,7 @@ import {
 } from 'office-ui-fabric-react'
 
 import { StateDispatch } from 'states/stateProvider/reducer'
-import { contextMenu } from 'services/remote'
+import { contextMenu, showTransactionDetails } from 'services/remote'
 
 import { useLocalDescription } from 'utils/hooks'
 import { shannonToCKBFormatter, uniformTimeFormatter as timeFormatter, uniformTimeFormatter } from 'utils/formatters'
@@ -203,6 +203,9 @@ const TransactionList = ({
         onRenderHeader,
       }}
       checkboxVisibility={CheckboxVisibility.hidden}
+      onItemInvoked={item => {
+        showTransactionDetails(item.hash)
+      }}
       onItemContextMenu={item => {
         if (item) {
           contextMenu({ type: 'transactionList', id: item.hash })

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

@@ -12,8 +12,13 @@ export const contextMenu = controllerMethodWrapper(CONTROLLER_NAME)(
   controller => (params: { type: string; id: string }) => controller.contextMenu(params)
 )
 
+export const showTransactionDetails = controllerMethodWrapper(CONTROLLER_NAME)(controller => (hash: string) =>
+  controller.showTransactionDetails(hash)
+)
+
 export default {
   getNeuronWalletState,
   handleViewError,
   contextMenu,
+  showTransactionDetails,
 }