Merge pull request #542 from eco-stake/apy-display-fixes

APY display fixes
eco-stake · Jun 25, 2022 · c50184b · c50184b
2 parents 25fd9b3 + d579bf1
commit c50184b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/ValidatorDelegate.js b/src/components/ValidatorDelegate.js
@@ -23,7 +23,7 @@ function ValidatorDelegate(props) {
     <>
       <Table>
         <tbody className="table-sm small">
-          {network.data.apyEnabled && (
+          {network.apyEnabled && (
             <tr>
               <td scope="row">
                 <TooltipIcon
@@ -39,7 +39,7 @@ function ValidatorDelegate(props) {
               <td>
                 {Object.keys(props.validatorApy).length > 0
                   ? props.validatorApy[selectedValidator.operator_address]
-                    ? <span>{Math.round(props.validatorApy[selectedValidator.operator_address] * 100)}%</span>
+                    ? <span>{Math.round(props.validatorApy[selectedValidator.operator_address] * 100).toLocaleString()}%</span>
                     : "-"
                   : (
                     <Spinner animation="border" role="status" className="spinner-border-sm text-secondary">

diff --git a/src/components/ValidatorProfile.js b/src/components/ValidatorProfile.js
@@ -96,7 +96,7 @@ function ValidatorProfile(props) {
             <td scope="row">Commission</td>
             <td><span>{validator.commission.commission_rates.rate * 100}%</span></td>
           </tr>
-          {network.data.apyEnabled && (
+          {network.apyEnabled && (
             <tr>
               <td scope="row">
                 <TooltipIcon
@@ -112,7 +112,7 @@ function ValidatorProfile(props) {
               <td>
                 {Object.keys(props.validatorApy).length > 0
                   ? props.validatorApy[validator.operator_address]
-                    ? <span>{Math.round(props.validatorApy[validator.operator_address] * 100)}%</span>
+                    ? <span>{Math.round(props.validatorApy[validator.operator_address] * 100).toLocaleString()}%</span>
                     : "-"
                   : (
                     <Spinner animation="border" role="status" className="spinner-border-sm text-secondary">

diff --git a/src/components/Validators.js b/src/components/Validators.js
@@ -210,7 +210,7 @@ function Validators(props) {
           )}
         </td>
         {network.apyEnabled && (
-          <td className="d-none d-lg-table-cell text-center">
+          <td className="text-center">
             {Object.keys(props.validatorApy).length > 0
               ? props.validatorApy[validatorAddress] !== undefined
                 ? <small>{Math.round(props.validatorApy[validatorAddress] * 100).toLocaleString() + "%"}</small>
@@ -437,7 +437,7 @@ function Validators(props) {
                 Frequency
               </th>
               {network.apyEnabled && (
-                <th className="d-none d-lg-table-cell text-center">
+                <th className="text-center">
                   <TooltipIcon
                     icon={<span className="text-decoration-underline">APY</span>}
                     identifier="delegations-apy"
@@ -467,7 +467,7 @@ function Validators(props) {
               <td className="d-none d-sm-table-cell text-center"></td>
               <td className="d-none d-lg-table-cell text-center"></td>
               {network.apyEnabled && (
-                <td className="d-none d-lg-table-cell text-center"></td>
+                <td className="text-center"></td>
               )}
               <td className="d-none d-lg-table-cell"></td>
               <td className="d-none d-sm-table-cell">