ExpandedTx

src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx

@@ -10,6 +10,7 @@ import RejectTxModal from './RejectTxModal'
 import TxDescription from './TxDescription'
 import { styles } from './style'
 
+import { Transaction } from 'src/routes/safe/store/models/types/transaction'
 import { getNetwork } from 'src/config'
 import Block from 'src/components/layout/Block'
 import Bold from 'src/components/layout/Bold'
@@ -29,7 +30,12 @@ import { TransactionTypes } from 'src/routes/safe/store/models/types/transaction
 
 const useStyles = makeStyles(styles as any)
 
-const ExpandedTx = ({ cancelTx, tx }) => {
+type Props = {
+  cancelTx: Transaction
+  tx: Transaction
+}
+
+const ExpandedTx = ({ cancelTx, tx }: Props): React.ReactElement => {
   const classes = useStyles()
   const nonce = useSelector(safeNonceSelector)
   const threshold = useSelector(safeThresholdSelector)

src/routes/safe/store/models/types/transaction.ts

@@ -48,6 +48,7 @@ export type TransactionProps = {
   executionTxHash?: string | null
   executor: string
   factoryAddress: string
+  fee: string | null // It will be replace with the new TXs types.
   gasPrice: string
   gasToken: string
   isCancellationTx: boolean