Merge pull request #2898 from input-output-hk/fix/ddw-982-capitalize-stakepool-tickers

[DDW-982] Ensure uppercase stake pool tickers

Author: DominikGuzei

source/renderer/app/components/staking/_stakingConfig.scss

@@ -32,3 +32,9 @@
   color: var(--theme-staking-font-color-light);
   font-family: var(--font-regular);
 }
+
+%stakePoolTicker {
+  font-size: 14px;
+  letter-spacing: -0.5px;
+  text-transform: uppercase;
+}

source/renderer/app/components/staking/delegation-center/WalletRow.scss

@@ -114,8 +114,7 @@
 
       .stakePoolTicker {
         @extend %accentText;
-        font-size: 14px;
-        letter-spacing: -0.5px;
+        @extend %stakePoolTicker;
         line-height: 1.57;
       }
 
@@ -142,6 +141,7 @@
         .stakePoolTicker {
           padding-left: 0;
           position: relative;
+          text-transform: uppercase;
           top: 0;
           transition: top 200ms ease-in-out;
         }

source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseStakePoolDialog.messages.ts

@@ -44,15 +44,15 @@ export const getMessages = () => {
       id:
         'staking.delegationSetup.chooseStakePool.step.dialog.delegatedStakePoolLabel',
       defaultMessage:
-        '!!!You are already delegating <span>{selectedWalletName}</span> wallet to <span>[{selectedPoolTicker}]</span> stake pool. <span>If you wish to re-delegate your stake, please select a different pool.</span>',
+        '!!!You are already delegating <span>{selectedWalletName}</span> wallet to <span class="ticker">[{selectedPoolTicker}]</span> stake pool. <span>If you wish to re-delegate your stake, please select a different pool.</span>',
       description:
         '"You are already delegating to stake pool" label on the delegation setup "choose stake pool" dialog.',
     },
     delegatedStakePoolNextLabel: {
       id:
         'staking.delegationSetup.chooseStakePool.step.dialog.delegatedStakePoolNextLabel',
       defaultMessage:
-        '!!!You are already pending delegation <span>{selectedWalletName}</span> wallet to <span>[{selectedPoolTicker}]</span> stake pool. <span>If you wish to re-delegate your stake, please select a different pool.</span>',
+        '!!!You are already pending delegation <span>{selectedWalletName}</span> wallet to <span class="ticker">[{selectedPoolTicker}]</span> stake pool. <span>If you wish to re-delegate your stake, please select a different pool.</span>',
       description:
         '"You are already delegating to stake pool" label on the delegation setup "choose stake pool" dialog.',
     },

source/renderer/app/components/staking/delegation-setup-wizard/DelegationStepsChooseStakePoolDialog.scss

@@ -1,3 +1,5 @@
+@import '../stakingConfig';
+
 .delegationStepsChooseStakePoolDialogWrapper {
   :global {
     .StakePoolThumbnail_content {
@@ -19,6 +21,10 @@
     .Dialog_contentWrapper::-webkit-scrollbar-track {
       margin-top: -8px;
     }
+
+    .ticker {
+      text-transform: uppercase;
+    }
   }
 
   .stakePoolsListWrapper {
@@ -85,11 +91,10 @@
             --theme-delegation-steps-choose-stake-pool-selected-ticker-color
           );
           font-family: var(--font-semibold);
-          font-size: 14px;
-          letter-spacing: -0.5px;
           line-height: 1.57;
           margin-top: 8px;
           text-align: center;
+          @extend %stakePoolTicker;
         }
 
         .icon {

source/renderer/app/components/staking/stake-pools/StakePoolsTable.scss

@@ -227,6 +227,7 @@
 
       .ticker {
         color: var(--theme-staking-stake-pool-tooltip-link-color);
+        text-transform: uppercase;
       }
 
       &:nth-child(2) {

source/renderer/app/components/staking/widgets/ThumbPoolContent.scss

@@ -1,3 +1,5 @@
+@import '../stakingConfig';
+
 .component {
   height: 69px;
   padding: 9px 0 0;
@@ -15,11 +17,10 @@
   .ticker {
     color: var(--theme-staking-stake-pool-ticker-color);
     font-family: var(--font-semibold);
-    font-size: 14px;
-    letter-spacing: -0.5px;
     line-height: 1;
     margin: 0 0 1px;
     text-align: center;
+    @extend %stakePoolTicker;
   }
 
   .ranking {

source/renderer/app/components/staking/widgets/ThumbSelectedPool.scss

@@ -38,6 +38,7 @@
       letter-spacing: -0.5px;
       line-height: 1.57;
       text-align: center;
+      text-transform: uppercase;
     }
 
     .icon {

source/renderer/app/components/staking/widgets/TooltipPool.scss

@@ -230,11 +230,11 @@ $tooltip-width: 280px;
 .ticker {
   color: var(--theme-staking-stake-pool-tooltip-text-color);
   display: inline-block;
-  font-size: 14px;
   line-height: 1.36;
   margin-bottom: 9px;
   opacity: 0.6;
   vertical-align: middle;
+  @extend %stakePoolTicker;
 }
 
 .retirement {

source/renderer/app/components/wallet/send-form/AssetInput.scss

@@ -103,6 +103,7 @@
   font-size: 16px;
   font-weight: 300;
   margin-right: 10px;
+  text-transform: uppercase;
   z-index: 1;
 }
 

source/renderer/app/config/stakingStakePools.dummy.json

@@ -16,7 +16,7 @@
     "ranking": 1,
     "retiring": null,
     "saturation": 110.25,
-    "ticker": "CXGN",
+    "ticker": "cxgn",
     "potentialRewards": 1
   },
   {
@@ -36,7 +36,7 @@
     "ranking": 2,
     "retiring": null,
     "saturation": 8.34,
-    "ticker": "BKNQ",
+    "ticker": "bknq",
     "potentialRewards": 1
   },
   {