From 0b5ab5046cd84557cd76f4c49cf313175eb5e53d Mon Sep 17 00:00:00 2001
From: vird <virdvip@gmail.com>
Date: Wed, 22 Nov 2023 22:36:26 +0200
Subject: [PATCH] fix numbers

---
 renderer/components/DataRelated.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/renderer/components/DataRelated.tsx b/renderer/components/DataRelated.tsx
index a653b99..1fc3ccb 100644
--- a/renderer/components/DataRelated.tsx
+++ b/renderer/components/DataRelated.tsx
@@ -64,7 +64,9 @@ export default function DataRelated() {
                   {calculateSize(dataPacked)}
                 </span>
                 <span className="w-full h-full flex items-center justify-center border-l border-dashed border-black text-xl">
-                  ~ 2%
+                  {dataPacked != null && weaveSize != null
+                    ? `~ ${((dataPacked / weaveSize) * 100).toFixed(2)}%`
+                    : "?"}
                 </span>
               </div>
 
@@ -88,7 +90,9 @@ export default function DataRelated() {
                   {calculateSize(storageAvailable)}
                 </span>
                 <span className="w-full h-full flex items-center justify-center border-l border-dashed border-black text-xl">
-                  ~ 4%
+                  {storageAvailable != null && weaveSize != null
+                    ? `~ ${((storageAvailable / weaveSize) * 100).toFixed(2)}%`
+                    : "?"}
                 </span>
               </div>
 
@@ -97,7 +101,7 @@ export default function DataRelated() {
                   {calculateSize(weaveSize)}
                 </span>
                 <span className="w-full h-full flex items-center justify-center border-l border-dashed border-black text-xl">
-                  ~ 4%
+                  100%
                 </span>
               </div>
             </div>