From d6723285548ec4b09dc344180f49d80069aa9371 Mon Sep 17 00:00:00 2001 From: Jonathan Tzeng Date: Thu, 23 Jul 2026 19:29:25 -0700 Subject: [PATCH 1/2] Fix lint warnings in EditableAmountTile --- eslint.config.mjs | 2 +- src/components/tiles/EditableAmountTile.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/eslint.config.mjs b/eslint.config.mjs index 988cc271d09..816efeca272 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -401,7 +401,7 @@ export default [ 'src/components/tiles/AprCard.tsx', 'src/components/tiles/CountdownTile.tsx', 'src/components/tiles/CryptoFiatAmountTile.tsx', - 'src/components/tiles/EditableAmountTile.tsx', + 'src/components/tiles/ErrorTile.tsx', 'src/components/tiles/FiatAmountTile.tsx', 'src/components/tiles/InterestRateChangeTile.tsx', diff --git a/src/components/tiles/EditableAmountTile.tsx b/src/components/tiles/EditableAmountTile.tsx index fc45bba2bfe..7b5c324760c 100644 --- a/src/components/tiles/EditableAmountTile.tsx +++ b/src/components/tiles/EditableAmountTile.tsx @@ -29,7 +29,7 @@ interface Props { onPress: () => void } -export const EditableAmountTile = (props: Props) => { +export const EditableAmountTile: React.FC = props => { let cryptoAmountSyntax let cryptoAmountStyle let fiatAmountSyntax @@ -74,7 +74,7 @@ export const EditableAmountTile = (props: Props) => { exchangeAmount ) cryptoAmountSyntax = `${displayAmount ?? '0'} ${displayDenomination.name}` - if (fiatAmount) { + if (fiatAmount !== '') { fiatAmountSyntax = `${fiatSymbol} ${ toFixed(round(fiatAmount, -2), 2, 2) ?? '0' }` From bf8845628b43711bd89e30219b61aa59c02ee698 Mon Sep 17 00:00:00 2001 From: Jonathan Tzeng Date: Thu, 23 Jul 2026 19:30:36 -0700 Subject: [PATCH 2/2] Wrap fiat value in parens on Stake amount tile The non-compressed EditableAmountTile render branch showed the fiat amount raw right after the crypto amount with no brackets, unlike its compressed branch and CryptoFiatAmountTile which already wrap fiat text in parens. --- CHANGELOG.md | 2 ++ .../__snapshots__/SendScene2.ui.test.tsx.snap | 14 +++++++------- src/components/tiles/EditableAmountTile.tsx | 2 +- 3 files changed, 10 insertions(+), 8 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 1a81bda8397..5ec7a22411f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,8 @@ ## Unreleased (develop) +- fixed: Wrap the fiat value in parentheses on the Stake/Unstake/Claim amount row. + ## 4.50.0 (2026-07-21) - added: Changelly swap provider diff --git a/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap index 889f7f1a68f..291b5066a52 100644 --- a/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap +++ b/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap @@ -925,7 +925,7 @@ exports[`SendScene2 1 spendTarget 1`] = ` ] } > - € 0.23 + (€ 0.23) - € 0.23 + (€ 0.23) - € 2.26 + (€ 2.26) - € 2.26 + (€ 2.26) - € 2.26 + (€ 2.26) - € 2.26 + (€ 2.26) @@ -14786,7 +14786,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = ` ] } > - € 2.26 + (€ 2.26) diff --git a/src/components/tiles/EditableAmountTile.tsx b/src/components/tiles/EditableAmountTile.tsx index 7b5c324760c..0ab77d6caed 100644 --- a/src/components/tiles/EditableAmountTile.tsx +++ b/src/components/tiles/EditableAmountTile.tsx @@ -119,7 +119,7 @@ export const EditableAmountTile: React.FC = props => { {cryptoAmountSyntax} {fiatAmountSyntax == null ? null : ( - {fiatAmountSyntax} + {`(${fiatAmountSyntax})`} )}