fix: [lw-12001, lw-12005] fix token input symbol (#1605)

input-output-hk · Dec 18, 2024 · 6a80d9e · 6a80d9e
1 parent 9694f96
commit 6a80d9e
Show file tree

Hide file tree

Showing 8 changed files with 24 additions and 6 deletions.
diff --git a/...ew/features/send-transaction/components/Form/CoinInput/__tests__/useSelectedCoins.test.ts b/...ew/features/send-transaction/components/Form/CoinInput/__tests__/useSelectedCoins.test.ts
@@ -242,8 +242,8 @@ describe('useSelectedCoin', () => {
       const { result } = renderUseSelectedCoins(props);
 
       expect(result.current.selectedCoins).toHaveLength(1);
-      expect(result.current.selectedCoins[0].fiatValue).toEqual('= 2000000.00 usd');
-      expect(result.current.selectedCoins[0].formattedFiatValue).toEqual('= 2.00M usd');
+      expect(result.current.selectedCoins[0].fiatValue).toEqual('≈ 2000000.00 usd');
+      expect(result.current.selectedCoins[0].formattedFiatValue).toEqual('≈ 2.00M usd');
       expect(result.current.selectedCoins[0].maxDecimals).toEqual(6);
       expect(result.current.selectedCoins[0].allowFloat).toEqual(true);
     });

diff --git a/...ews/browser-view/features/send-transaction/components/Form/CoinInput/useSelectedCoins.tsx b/...ews/browser-view/features/send-transaction/components/Form/CoinInput/useSelectedCoins.tsx
@@ -218,8 +218,8 @@ export const useSelectedCoins = ({
             })
           })
         },
-        formattedFiatValue: `= ${compactNumberWithUnit(fiatValue)} ${fiatCurrency?.code}`,
-        fiatValue: `= ${fiatValue} ${fiatCurrency?.code}`,
+        formattedFiatValue: `≈ ${compactNumberWithUnit(fiatValue)} ${fiatCurrency?.code}`,
+        fiatValue: `≈ ${fiatValue} ${fiatCurrency?.code}`,
         maxDecimals: cardanoCoin.decimals
       } as AssetInputListProps['rows'][number];
     }

diff --git a/...et/src/views/browser-view/features/staking/components/StakingInfo/StakingInfo.module.scss b/...et/src/views/browser-view/features/staking/components/StakingInfo/StakingInfo.module.scss
@@ -49,6 +49,12 @@
       padding: 0 size_unit(2);
     }
   }
+
+  .colContent {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 
 .suffix {

diff --git a/...ion-wallet/src/views/browser-view/features/staking/components/StakingInfo/StakingInfo.tsx b/...ion-wallet/src/views/browser-view/features/staking/components/StakingInfo/StakingInfo.tsx
@@ -149,7 +149,9 @@ export const StakingInfo = ({
                 text={t('browserView.staking.stakingInfo.stats.stakeKey')}
                 value={
                   <Tooltip content={rewardAccount.address}>
-                    {popupView ? addEllipsis(rewardAccount.address, 14, 9) : rewardAccount.address}
+                    <div className={styles.colContent}>
+                      {popupView ? addEllipsis(rewardAccount.address, 14, 9) : rewardAccount.address}
+                    </div>
                   </Tooltip>
                 }
                 dataTestid="stats-stake-key"

diff --git a/...n-wallet/src/views/browser-view/features/staking/components/StakingInfo/Stats.module.scss b/...n-wallet/src/views/browser-view/features/staking/components/StakingInfo/Stats.module.scss
@@ -3,6 +3,7 @@
 .stat {
   display: flex;
   flex-direction: column;
+  max-width: 100%;
 
   .title {
     color: var(--text-color-secondary);

diff --git a/packages/staking/src/features/overview/StakingInfoCard/StakingInfoCard.module.scss b/packages/staking/src/features/overview/StakingInfoCard/StakingInfoCard.module.scss
@@ -41,6 +41,12 @@
       padding: 0 size_unit(2);
     }
   }
+
+  .colContent {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 
 .marker {

diff --git a/packages/staking/src/features/overview/StakingInfoCard/StakingInfoCard.tsx b/packages/staking/src/features/overview/StakingInfoCard/StakingInfoCard.tsx
@@ -190,7 +190,9 @@ export const StakingInfoCard = ({
             <Stats
               text={t('overview.stakingInfoCard.stakeKey')}
               value={
-                <Tooltip content={stakeAddress}>{popupView ? addEllipsis(stakeAddress, 14, 9) : stakeAddress}</Tooltip>
+                <Tooltip content={stakeAddress}>
+                  <div className={styles.colContent}>{popupView ? addEllipsis(stakeAddress, 14, 9) : stakeAddress}</div>
+                </Tooltip>
               }
               dataTestid="stats-stake-key"
             />

diff --git a/packages/staking/src/features/overview/StakingInfoCard/Stats.module.scss b/packages/staking/src/features/overview/StakingInfoCard/Stats.module.scss
@@ -4,6 +4,7 @@
   display: flex;
   flex-direction: column;
   white-space: nowrap;
+  max-width: 100%;
 
   .title {
     color: var(--text-color-secondary);