refactor(wallet-mobile): tx review

Author: banklesss

apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/Overview/OverviewTab.tsx

@@ -16,11 +16,11 @@ import {CopiableText} from '../../../common/CopiableText'
 import {Divider} from '../../../common/Divider'
 import {useAddressType} from '../../../common/hooks/useAddressType'
 import {useStrings} from '../../../common/hooks/useStrings'
-import {useReviewTx} from '../../../common/ReviewTxProvider'
+import {ReviewTxState} from '../../../common/ReviewTxProvider'
 import {TokenItem} from '../../../common/TokenItem'
 import {FormattedOutputs, FormattedTx} from '../../../common/types'
 
-export const OverviewTab = ({tx}: {tx: FormattedTx}) => {
+export const OverviewTab = ({tx, operations}: {tx: FormattedTx; operations: ReviewTxState['operations']}) => {
   const {styles} = useStyles()
 
   const notOwnedOutputs = React.useMemo(() => tx.outputs.filter((output) => !output.ownAddress), [tx.outputs])
@@ -36,7 +36,7 @@ export const OverviewTab = ({tx}: {tx: FormattedTx}) => {
 
       <SenderSection tx={tx} notOwnedOutputs={notOwnedOutputs} ownedOutputs={ownedOutputs} />
 
-      <OperationsSection />
+      <OperationsSection operations={operations} />
     </View>
   )
 }
@@ -186,9 +186,7 @@ const ReceiverSection = ({notOwnedOutputs}: {notOwnedOutputs: FormattedOutputs})
   )
 }
 
-const OperationsSection = () => {
-  const {operations} = useReviewTx()
-
+const OperationsSection = ({operations}: {operations: ReviewTxState['operations']}) => {
   if (operations === null || (Array.isArray(operations) && operations.length === 0)) return null
 
   return (

apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTxScreen.tsx

@@ -18,7 +18,7 @@ const MaterialTab = createMaterialTopTabNavigator()
 export const ReviewTxScreen = () => {
   const {styles} = useStyles()
   const strings = useStrings()
-  const {unsignedTx, onSuccess, onError} = useReviewTx()
+  const {unsignedTx, operations, onSuccess, onError} = useReviewTx()
 
   if (unsignedTx === null) throw new Error('ReviewTxScreen: missing unsignedTx')
 
@@ -32,9 +32,7 @@ export const ReviewTxScreen = () => {
   const txBody = useTxBody({unsignedTx})
   const formatedTx = useFormattedTx(txBody)
 
-  console.log('txBody', JSON.stringify(txBody, null, 2))
-
-  const OverViewTabMemo = React.memo(() => <OverviewTab tx={formatedTx} />)
+  const OverViewTabMemo = React.memo(() => <OverviewTab tx={formatedTx} operations={operations} />)
   const UTxOsTabMemo = React.memo(() => <UTxOsTab tx={formatedTx} />)
 
   return (