From 1b4bf578edf687a5921389cdbf439a6d43523e14 Mon Sep 17 00:00:00 2001
From: Ravinou <dev@r4ven.fr>
Date: Fri, 15 Nov 2024 10:16:39 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20improves=20storage=20calc?=
 =?UTF-8?q?ulation=20accuracy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Components/UI/StorageBar/StorageBar.js                 | 10 ++++++----
 .../StorageUsedChartBar/StorageUsedChartBar.js         |  4 ++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/Components/UI/StorageBar/StorageBar.js b/Components/UI/StorageBar/StorageBar.js
index 18a645f8..62142dcd 100644
--- a/Components/UI/StorageBar/StorageBar.js
+++ b/Components/UI/StorageBar/StorageBar.js
@@ -3,8 +3,10 @@ import classes from './StorageBar.module.css';
 
 export default function StorageBar(props) {
   //Var
-  //storageUsed is in octet, storageSize is in GB. Round to 1 decimal for %.
-  const storageUsedPercent = (((props.storageUsed / 1000000) * 100) / props.storageSize).toFixed(1);
+  //storageUsed is in kB, storageSize is in GB. Round to 1 decimal for %.
+  const storageUsedPercent = (((props.storageUsed / 1024 ** 2) * 100) / props.storageSize).toFixed(
+    1
+  );
 
   return (
     <div className={classes.barContainer}>
@@ -19,8 +21,8 @@ export default function StorageBar(props) {
           <div className={classes.progressionStyle} />
         </div>
         <div className={classes.tooltip}>
-          {storageUsedPercent}% ({(props.storageUsed / 1000000).toFixed(1)} GB / {props.storageSize}{' '}
-          GB)
+          {storageUsedPercent}% ({(props.storageUsed / 1024 ** 2).toFixed(1)} GB /{' '}
+          {props.storageSize} GB)
         </div>
       </div>
     </div>
diff --git a/Containers/Monitoring/StorageUsedChartBar/StorageUsedChartBar.js b/Containers/Monitoring/StorageUsedChartBar/StorageUsedChartBar.js
index f499767f..24438652 100644
--- a/Containers/Monitoring/StorageUsedChartBar/StorageUsedChartBar.js
+++ b/Containers/Monitoring/StorageUsedChartBar/StorageUsedChartBar.js
@@ -71,9 +71,9 @@ export default function StorageUsedChartBar() {
     datasets: [
       {
         label: 'Storage used (%)',
-        //storageUsed is in octet, storageSize is in GB. Round to 1 decimal for %.
+        //storageUsed is in kB, storageSize is in GB. Round to 1 decimal for %.
         data: data.map((repo) =>
-          (((repo.storageUsed / 1000000) * 100) / repo.storageSize).toFixed(1)
+          (((repo.storageUsed / 1024 ** 2) * 100) / repo.storageSize).toFixed(1)
         ),
         backgroundColor: '#704dff',
       },