From b4a4dc2dfff6c7dcfff1f79ff5896c2eb5ae8dc1 Mon Sep 17 00:00:00 2001
From: leandrofars <leandrofars@gmail.com>
Date: Tue, 7 Nov 2023 19:58:20 -0300
Subject: [PATCH] fix(frontend): percentage identation

---
 frontend/src/pages/index.js | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/index.js b/frontend/src/pages/index.js
index 0de0ec6..a9fcc1c 100644
--- a/frontend/src/pages/index.js
+++ b/frontend/src/pages/index.js
@@ -27,6 +27,7 @@ const Page = () => {
   const [vendorValues, setVendorValues] = useState([0])
 
   const fetchGeneralInfo = async () => {
+
     var myHeaders = new Headers();
     myHeaders.append("Content-Type", "application/json");
     myHeaders.append("Authorization", localStorage.getItem("token"));
@@ -48,11 +49,18 @@ const Page = () => {
 
       let onlinePercentage = ((content.StatusCount.Online * 100)/totalDevices)
       console.log("ONLINE AND OFFLINE:",onlinePercentage,100 - onlinePercentage)
-      setDevicesStatus([onlinePercentage, 100 - onlinePercentage])
+      
+      if(Number.isInteger(onlinePercentage)){
+        setDevicesStatus([onlinePercentage, 100 - onlinePercentage])
+      }else{
+        onlinePercentage = Number(onlinePercentage.toFixed(1))
+        setDevicesStatus([onlinePercentage, 100 - onlinePercentage])
+      }
 
       let prodClassLabels = []
       let prodClassValues = []
       let prodClassValue = 0
+      
       content.ProductClassCount?.map((p)=>{
         if (p.productClass === ""){
           prodClassLabels.push("unknown")
@@ -63,7 +71,12 @@ const Page = () => {
       })
 
       content.ProductClassCount?.map((p)=>{
-        prodClassValues.push(p.count * 100 / prodClassValue)
+        let percentageValue = p.count * 100 / prodClassValue
+        if (Number.isInteger(percentageValue)){
+          prodClassValues.push(percentageValue)
+        }else{
+          prodClassValues.push(Number(percentageValue.toFixed(1)))
+        }
       })
       
       setProductClassLabels(prodClassLabels)
@@ -84,13 +97,19 @@ const Page = () => {
       })
 
       content.VendorsCount?.map((p)=>{
-        vValues.push(p.count * 100 / vValue)
+        let percentageValue = p.count * 100 / vValue
+        if (Number.isInteger(percentageValue)){
+          vValues.push(percentageValue)
+        }else{
+          vValues.push(Number(percentageValue.toFixed(1)))
+        }
       })
 
       setVendorLabels(vLabels)
       setVendorValues(vValues)
+
       console.log("vendorLabels:", vLabels)
-      console.log("vendorValues:", vendorValues)
+      console.log("vendorValues:", vValues)
 
       setGeneralInfo(content)
     }