From 7bbb1389ff86df0c4f7dd1c1705f4192bb2f18ee Mon Sep 17 00:00:00 2001
From: Carlos Lostao <hastro1990@gmail.com>
Date: Sun, 17 Nov 2024 18:20:13 +0100
Subject: [PATCH] update: cast all to int

---
 frontend/src/components/Files/Metadata.tsx               | 2 +-
 frontend/src/components/RemainingCreditTracker/index.tsx | 9 +++++++--
 frontend/src/components/common/FileCard.tsx              | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Files/Metadata.tsx b/frontend/src/components/Files/Metadata.tsx
index e737da8c..2ab602ca 100644
--- a/frontend/src/components/Files/Metadata.tsx
+++ b/frontend/src/components/Files/Metadata.tsx
@@ -18,7 +18,7 @@ export const Metadata = ({ object }: { object: ObjectSummary }) => {
             </span>
           )}
         </div>
-        <p className='text-gray-500'>Size: {bytes(object.size)}</p>
+        <p className='text-gray-500'>Size: {bytes(Number(object.size))}</p>
         <p>
           CID: <span className='text-blue-500'>{object.headCid}</span>
         </p>
diff --git a/frontend/src/components/RemainingCreditTracker/index.tsx b/frontend/src/components/RemainingCreditTracker/index.tsx
index de7826ce..899ad082 100644
--- a/frontend/src/components/RemainingCreditTracker/index.tsx
+++ b/frontend/src/components/RemainingCreditTracker/index.tsx
@@ -31,8 +31,13 @@ export const RemainingCreditTracker = ({
           <div>
             <div className='mb-1 flex justify-between text-sm text-gray-600'>
               <span>
-                <span className='text-primary'>{bytes(uploadUsed)}</span>/
-                <span className='text-gray-500'>{bytes(uploadLimit)}</span>
+                <span className='text-primary'>
+                  {bytes(Number(uploadUsed))}
+                </span>
+                /
+                <span className='text-gray-500'>
+                  {bytes(Number(uploadLimit))}
+                </span>
               </span>
               <span className='text-secondary px-2'>
                 <Upload className='h-4 w-4' />
diff --git a/frontend/src/components/common/FileCard.tsx b/frontend/src/components/common/FileCard.tsx
index a14fecbc..85d5949d 100644
--- a/frontend/src/components/common/FileCard.tsx
+++ b/frontend/src/components/common/FileCard.tsx
@@ -90,7 +90,7 @@ export const FileCard = ({
           </PopoverButton>
         </div>
         <h2 className='mb-2 text-lg font-semibold text-gray-800'>{name}</h2>
-        <p className='mb-4 text-gray-500'>Size: {bytes(totalSize)}</p>
+        <p className='mb-4 text-gray-500'>Size: {bytes(Number(totalSize))}</p>
         <button
           onClick={handleDownloadClick}
           className='flex w-full items-center justify-center rounded-lg bg-blue-500 px-4 py-2 font-semibold text-white hover:bg-blue-600'