diff --git a/src/components/NanoContract/NanoContractTransactionHeader.component.js b/src/components/NanoContract/NanoContractTransactionHeader.component.js index b7f7cba4d..57940c2d1 100644 --- a/src/components/NanoContract/NanoContractTransactionHeader.component.js +++ b/src/components/NanoContract/NanoContractTransactionHeader.component.js @@ -31,8 +31,11 @@ import { TransactionStatusLabel } from '../TransactionStatusLabel'; * @param {Obejct} props.tx Transaction data */ export const NanoContractTransactionHeader = ({ tx }) => { - // TODO: use `toggleShrank` on 'onPress` of TouchableWithoutFeedback - const [isShrank, toggleShrank] = useState(false); + // XXX: the set function for the state is beeing ignored because we can't + // use the shrank format just yet. We need the actions component first. + // For his, we also need hathor-core support for actions in each nano contract + // transaction. + const [isShrank, _] = useState(false); return ( @@ -74,40 +77,38 @@ const HeaderExpanded = ({ tx }) => { Linking.openURL(explorerLink); }; + /* XXX: add when shrank component can be used. */ return ( - <> - - - - - - {ncId} - {t`Nano Contract ID`} - - - {tx.ncMethod} - {t`Blueprint Method`} - - - {getTimestampFormat(tx.timestamp)} - {t`Date and Time`} - - - {callerAddr} - {tx.isMine - && ( - - {t`From this wallet`} - - )} - {t`Caller`} - - - - - - {/* TODO: add when action list is ready to be showed */} - + + + + + + {ncId} + {t`Nano Contract ID`} + + + {tx.ncMethod} + {t`Blueprint Method`} + + + {getTimestampFormat(tx.timestamp)} + {t`Date and Time`} + + + {callerAddr} + {tx.isMine + && ( + + {t`From this wallet`} + + )} + {t`Caller`} + + + + + ) };