diff --git a/src/API/api.js b/src/API/api.js index 33a6084..48a1817 100644 --- a/src/API/api.js +++ b/src/API/api.js @@ -85,7 +85,7 @@ export const Sorting = Object.freeze({ SCORE: 'score', ROA: 'roa', POOL_SIZE: 'poolSize', - SHARE: 'share', + SATURATION: 'saturation', COSTS: 'costs', PLEDGE: 'pledge', BLOCKS: 'blocks', diff --git a/src/components/ColoursModal.js b/src/components/ColoursModal.js index ce47e87..5f2539e 100644 --- a/src/components/ColoursModal.js +++ b/src/components/ColoursModal.js @@ -3,7 +3,7 @@ import React from 'react'; import type { Node } from 'react'; import styled from 'styled-components'; -import PoolSizeTag from './PoolSizeTag'; +import PoolSaturationTag from './PoolSaturationTag'; import PledgeCard from './PledgeCard'; const Wrapper = styled.div` @@ -44,9 +44,9 @@ const Wrapper = styled.div` const colorsLegend = [ { - text: 'Share / Pool Size', + text: 'Pool Size', piechart: true, - subtitle: 'Total share of all ADA being staked in pool / Entire Supply', + subtitle: 'How close the pool is to its limit / Total stake in the pool', ranges: [ { id: 0, @@ -124,7 +124,7 @@ function ColoursModal(): Node { {piechart ? ranges.map(({ id, value, description }) => (
- +

{description}

)) : diff --git a/src/components/DesktopTable.js b/src/components/DesktopTable.js index 9338a1e..8117e11 100644 --- a/src/components/DesktopTable.js +++ b/src/components/DesktopTable.js @@ -161,8 +161,8 @@ function DesktopTable({ }, { id: 2, - label: 'Share / Pool Size', - textInfo: 'Total share of all ada being staked in pool / Entire Supply', + label: 'Pool Size', + textInfo: 'How close the pool is to its limit / Total stake in the pool', }, { id: 3, diff --git a/src/components/DesktopTableRevamp.js b/src/components/DesktopTableRevamp.js index 9b98dd2..ea58e8a 100644 --- a/src/components/DesktopTableRevamp.js +++ b/src/components/DesktopTableRevamp.js @@ -12,7 +12,7 @@ import { formatBigNumber, formatCostLabel } from '../utils/utils'; import { ButtonRevamp } from './common/Button'; import { TooltipRevamp } from './common/Tooltip'; import StakingPoolCardRevamp from './StakingPoolCardRevamp'; -import { PoolSizeTagRevamp } from './PoolSizeTag'; +import { PoolSaturationTagRevamp } from './PoolSaturationTag'; import Label from './common/Label'; import NoStakePoolsFound from './NoStakePoolsFound'; @@ -152,14 +152,14 @@ function DesktopTableRevamp({ { id: 2, label: 'Pool size', - textInfo: 'Entire Supply', + textInfo: 'Total stake in the pool', value: Sorting.POOL_SIZE, }, { id: 3, - label: 'Share', - textInfo: 'Total share of all ada being staked in pool', - value: Sorting.SHARE, + label: 'Saturation', + textInfo: 'How close the pool is to its limit', + value: Sorting.SATURATION, }, { id: 4, @@ -228,7 +228,7 @@ function DesktopTableRevamp({ {formatBigNumber(pool.total_stake)} - + {formatBigNumber(pool.total_stake)}
-
Share
- +
Saturation
+
diff --git a/src/components/PoolSizeTag.js b/src/components/PoolSaturationTag.js similarity index 93% rename from src/components/PoolSizeTag.js rename to src/components/PoolSaturationTag.js index 9aa2591..1af230a 100644 --- a/src/components/PoolSizeTag.js +++ b/src/components/PoolSaturationTag.js @@ -42,7 +42,7 @@ type Props = {| +value: number, |}; -function PoolSizeTag({ value }: Props): Node { +function PoolSaturationTag({ value }: Props): Node { const totalValue = 1 function formatArray(percent) { return [ @@ -111,7 +111,7 @@ const TagRevamp = styled.div` `; -function PoolSizeTagRevamp({ value }: Props): Node { +function PoolSaturationTagRevamp({ value }: Props): Node { const totalValue = 1; function formatArray(percent) { return [ @@ -135,5 +135,5 @@ function PoolSizeTagRevamp({ value }: Props): Node { ); } -export default PoolSizeTag; -export { PoolSizeTagRevamp }; \ No newline at end of file +export default PoolSaturationTag; +export { PoolSaturationTagRevamp }; \ No newline at end of file diff --git a/src/components/PoolSizeCard.js b/src/components/PoolSizeCard.js index 280e3df..76ea90c 100644 --- a/src/components/PoolSizeCard.js +++ b/src/components/PoolSizeCard.js @@ -3,7 +3,7 @@ import React from 'react'; import styled from 'styled-components'; import type { Node } from 'react'; -import PoolSizeTag from './PoolSizeTag'; +import PoolSaturationTag from './PoolSaturationTag'; const Card = styled.div` display: flex; @@ -34,7 +34,7 @@ type Props = {| function PoolSizeCard({ percentage, value }: Props): Node { return ( - +

{value} ₳

); diff --git a/src/components/SaturatedPoolAlert.js b/src/components/SaturatedPoolAlert.js index 6dbcd41..c6ec3a1 100644 --- a/src/components/SaturatedPoolAlert.js +++ b/src/components/SaturatedPoolAlert.js @@ -44,7 +44,7 @@ function SaturatedPoolAlert({ delegation, onSuccess, close }: Props): Node { : `${delegation.stakepoolName} will be saturated after your delegation. If you continue, you will get less than the expected rewards.` - const poolShare = Number(delegation.stakepoolTotalStake) / 1000000; // divided in 1,000,000 to convert from Lovelace to ADA + const poolStake = Number(delegation.stakepoolTotalStake) / 1000000; // divided in 1,000,000 to convert from Lovelace to ADA const yourAda = delegation.totalAda == null ? '' : `Your ADA: ${new Intl.NumberFormat().format(delegation.totalAda)}`; const yourAdaNotEmpty = yourAda !== ''; @@ -55,7 +55,7 @@ function SaturatedPoolAlert({ delegation, onSuccess, close }: Props): Node {

{text}

{yourAdaNotEmpty &&

{yourAda} ADA

}

- Stakepool Size: {new Intl.NumberFormat().format(Number(poolShare.toFixed(0)))} ADA + Stakepool Size: {new Intl.NumberFormat().format(Number(poolStake.toFixed(0)))} ADA