[DDW-1232] Fix stake pool rank background color within the stake pool…

… tooltip (#1891)
input-output-hk · Mar 17, 2020 · a04dd68 · a04dd68
1 parent 9e70b07
commit a04dd68
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ Changelog
 
 ### Fixes
 
+- Fixed stake pool rank coloring within the stake pool tooltip ([PR 1891](https://github.com/input-output-hk/daedalus/pull/1891))
 - Fixed missing notarization on macOS installers ([PR 1890](https://github.com/input-output-hk/daedalus/pull/1890))
 - Fixed issues with loading stake pools on the "Stake pools" screen ([PR 1888](https://github.com/input-output-hk/daedalus/pull/1888))
 

diff --git a/source/renderer/app/components/staking/stake-pools/StakePoolThumbnail.js b/source/renderer/app/components/staking/stake-pools/StakePoolThumbnail.js
@@ -193,6 +193,7 @@ export class StakePoolThumbnail extends Component<Props, State> {
             onSelect={this.handleSelect}
             showWithSelectButton={showWithSelectButton}
             containerClassName={containerClassName}
+            numberOfStakePools={numberOfStakePools}
           />
         )}
       </div>

diff --git a/source/renderer/app/components/staking/stake-pools/StakePoolTooltip.js b/source/renderer/app/components/staking/stake-pools/StakePoolTooltip.js
@@ -113,6 +113,7 @@ type Props = {
   left: number,
   color: string,
   containerClassName: string,
+  numberOfStakePools: number,
 };
 
 type State = {
@@ -382,6 +383,7 @@ export default class StakePoolTooltip extends Component<Props, State> {
       getPledgeAddressUrl,
       onSelect,
       showWithSelectButton,
+      numberOfStakePools,
     } = this.props;
 
     const {
@@ -479,7 +481,11 @@ export default class StakePoolTooltip extends Component<Props, State> {
             <dd className={styles.ranking}>
               <span
                 style={{
-                  background: getColorFromRange(ranking, { darken, alpha }),
+                  background: getColorFromRange(ranking, {
+                    darken,
+                    alpha,
+                    numberOfItems: numberOfStakePools,
+                  }),
                 }}
               >
                 {ranking}