diff --git a/ui/shared/tx/TxFeeStability.tsx b/ui/shared/tx/TxFeeStability.tsx index af81cd5075..5a3279e12f 100644 --- a/ui/shared/tx/TxFeeStability.tsx +++ b/ui/shared/tx/TxFeeStability.tsx @@ -27,7 +27,7 @@ const TxFeeStability = ({ data, isLoading, hideUsd, accuracy, className }: Props return ( { valueStr } - + { valueStr !== '0' && } { usd && !hideUsd && (${ usd }) } ); diff --git a/ui/txs/TxAdditionalInfoContent.tsx b/ui/txs/TxAdditionalInfoContent.tsx index e296435e12..b9e2ed66f9 100644 --- a/ui/txs/TxAdditionalInfoContent.tsx +++ b/ui/txs/TxAdditionalInfoContent.tsx @@ -11,6 +11,7 @@ import getValueWithUnit from 'lib/getValueWithUnit'; import CurrencyValue from 'ui/shared/CurrencyValue'; import LinkInternal from 'ui/shared/LinkInternal'; import TextSeparator from 'ui/shared/TextSeparator'; +import TxFeeStability from 'ui/shared/tx/TxFeeStability'; import Utilization from 'ui/shared/Utilization/Utilization'; const TxAdditionalInfoContent = ({ tx }: { tx: Transaction }) => { @@ -33,16 +34,20 @@ const TxAdditionalInfoContent = ({ tx }: { tx: Transaction }) => { { !config.UI.views.tx.hiddenFields?.tx_fee && ( Transaction fee - - - + { tx.stability_fee ? ( + + ) : ( + + + + ) } ) } { tx.gas_used !== null && (