Round to integers on NDC tooltip

Vizzuality · Dec 15, 2022 · 1875775 · 1875775
1 parent 2e40e5d
commit 1875775
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/country-entry-tooltip/country-entry-tooltip-component.jsx b/src/components/country-entry-tooltip/country-entry-tooltip-component.jsx
@@ -151,7 +151,9 @@ function CountryEntryTooltipComponent({
         }}
       />
       <section className={styles.spiInfo}>
-        <p className={styles.spi}>{landTab ? spiLand : spiMar}</p>
+        <p className={styles.spi}>
+          {landTab ? Math.round(spiLand) : Math.round(spiMar)}
+        </p>
         <p className={styles.subtitle}>
           {t('National species protection index')}
         </p>
@@ -177,7 +179,7 @@ function CountryEntryTooltipComponent({
         </div>
         <div className={styles.infoPill}>
           <span className={styles.numeric}>
-            {landTab ? protectionLand : protectionMar}%
+            {landTab ? Math.round(protectionLand) : Math.round(protectionMar)}%
           </span>
           <span className={styles.text}>
             {landTab
@@ -187,7 +189,10 @@ function CountryEntryTooltipComponent({
         </div>
         <div className={styles.infoPill}>
           <span className={styles.numeric}>
-            {landTab ? protectionNeededLand : protectionNeededMar}%
+            {landTab
+              ? Math.round(protectionNeededLand)
+              : Math.round(protectionNeededMar)}
+            %
           </span>
           <span className={styles.text}>
             {landTab