diff --git a/app/_locales/en/messages.json b/app/_locales/en/messages.json index 174cc2d73..8c7a3f49d 100644 --- a/app/_locales/en/messages.json +++ b/app/_locales/en/messages.json @@ -2822,13 +2822,13 @@ "message": "Base Fee (GWEI)" }, "transactionHistoryL1GasLabel": { - "message": "Total L1 gas fee" + "message": "Total L1 Gas Fee" }, "transactionHistoryL2GasLimitLabel": { - "message": "L2 gas limit`" + "message": "L2 Gas Limit" }, "transactionHistoryL2GasPriceLabel": { - "message": "L2 gas price`" + "message": "L2 Gas Price" }, "transactionHistoryMaxFeePerGas": { "message": "Max Fee Per Gas" diff --git a/ui/components/app/multilayer-fee-message/multi-layer-fee-message.js b/ui/components/app/multilayer-fee-message/multi-layer-fee-message.js index 605e9e541..6dc671c89 100644 --- a/ui/components/app/multilayer-fee-message/multi-layer-fee-message.js +++ b/ui/components/app/multilayer-fee-message/multi-layer-fee-message.js @@ -10,7 +10,11 @@ import { toNormalizedDenomination, } from '../../../../shared/modules/conversion.utils'; -export default function MultilayerFeeMessage({ transaction, layer2fee }) { +export default function MultilayerFeeMessage({ + transaction, + layer2fee, + nativeCurrency, +}) { const t = useContext(I18nContext); const [fetchedLayer1Total, setLayer1Total] = useState(null); @@ -21,7 +25,7 @@ export default function MultilayerFeeMessage({ transaction, layer2fee }) { const layer1TotalBN = toBigNumber.hex(fetchedLayer1Total); layer1Total = `${toNormalizedDenomination .WEI(layer1TotalBN) - .toString(10)} ETH`; + .toString(10)} ${nativeCurrency}`; } const totalInWeiHex = sumHexes( @@ -32,7 +36,7 @@ export default function MultilayerFeeMessage({ transaction, layer2fee }) { const totalBN = toBigNumber.hex(totalInWeiHex); const totalInEth = `${toNormalizedDenomination .WEI(totalBN) - .toString(10)} ETH`; + .toString(10)} ${nativeCurrency}`; useEffect(() => { const getEstimatedL1Fee = async () => { @@ -67,4 +71,5 @@ export default function MultilayerFeeMessage({ transaction, layer2fee }) { MultilayerFeeMessage.propTypes = { transaction: PropTypes.object, layer2fee: PropTypes.string, + nativeCurrency: PropTypes.string, }; diff --git a/ui/pages/confirm-transaction-base/confirm-transaction-base.component.js b/ui/pages/confirm-transaction-base/confirm-transaction-base.component.js index 83b449460..e984e8d52 100644 --- a/ui/pages/confirm-transaction-base/confirm-transaction-base.component.js +++ b/ui/pages/confirm-transaction-base/confirm-transaction-base.component.js @@ -313,6 +313,7 @@ export default class ConfirmTransactionBase extends Component { showLedgerSteps, supportsEIP1559, isMultiLayerFeeNetwork, + nativeCurrency, } = this.props; const { t } = this.context; @@ -533,6 +534,7 @@ export default class ConfirmTransactionBase extends Component { ), !isMultiLayerFeeNetwork && (