m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Adjusting Max Fee label in EditGasDisplay per designs (#11796)

Browse Source
This commit is contained in:
ryanml 2021-08-10 15:36:35 -07:00 committed by GitHub
parent ce3160a1f5
commit e57a2da647
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/_locales/en/messages.json
View File

@ -714,10 +714,6 @@
"editGasTooLowTooltip": { "editGasTooLowTooltip": {
"message": "Your max fee or max priority fee may be low for current market conditions. We don't know when (or if) your transaction will be processed. " "message": "Your max fee or max priority fee may be low for current market conditions. We don't know when (or if) your transaction will be processed. "
}, },
"editGasTotalBannerSubtitle": {
"message": "Up to $1 ($2)",
"display": "$1 represents a fiat value"
},
"editNonceField": { "editNonceField": {
"message": "Edit Nonce" "message": "Edit Nonce"
}, },

30
ui/components/app/edit-gas-display/edit-gas-display.component.js
View File

@ -159,19 +159,23 @@ export default function EditGasDisplay({
} }
detail={ detail={
networkAndAccountSupport1559 && networkAndAccountSupport1559 &&
estimatedMaximumFiat !== undefined && estimatedMaximumFiat !== undefined && (
t('editGasTotalBannerSubtitle', [ <>
<Typography <Typography
fontWeight={FONT_WEIGHT.BOLD} tag="span"
tag="span" key="label"
key="secondary" fontWeight={FONT_WEIGHT.BOLD}
> >
{estimatedMaximumFiat} {t('editGasSubTextFeeLabel')}
</Typography>, </Typography>
<Typography tag="span" key="primary"> <Typography tag="span" key="secondary">
{estimatedMaximumNative} {estimatedMaximumFiat}
</Typography>, </Typography>
]) <Typography tag="span" key="primary">
{`(${estimatedMaximumNative})`}
</Typography>
</>
)
} }
timing={ timing={
hasGasErrors === false && ( hasGasErrors === false && (

4
ui/components/app/transaction-total-banner/index.scss
View File

@ -4,4 +4,8 @@
&__detail { &__detail {
padding-bottom: 4px; padding-bottom: 4px;
} }
span {
margin-inline-start: 2px;
}
} }