From 6c456e57d8d367c2bc6f64285fec795c3553b862 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Wed, 14 Aug 2024 18:48:49 +0300
Subject: [PATCH] Convert formatBytes to TypeScript

Closes #10272
---
 frontend/src/Movie/Details/MovieDetails.js                    | 4 +---
 frontend/src/Movie/Index/Overview/MovieIndexOverviewInfo.tsx  | 4 +++-
 frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.tsx     | 2 +-
 frontend/src/RootFolder/RootFolderRow.tsx                     | 2 +-
 .../src/Utilities/Number/{formatBytes.js => formatBytes.ts}   | 4 ++--
 5 files changed, 8 insertions(+), 8 deletions(-)
 rename frontend/src/Utilities/Number/{formatBytes.js => formatBytes.ts} (75%)

diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js
index 34f9f613f..bbca0a83c 100644
--- a/frontend/src/Movie/Details/MovieDetails.js
+++ b/frontend/src/Movie/Details/MovieDetails.js
@@ -568,9 +568,7 @@ class MovieDetails extends Component {
                     size={sizes.LARGE}
                   >
                     <span className={styles.sizeOnDisk}>
-                      {
-                        formatBytes(sizeOnDisk || 0)
-                      }
+                      {formatBytes(sizeOnDisk)}
                     </span>
                   </InfoLabel>
 
diff --git a/frontend/src/Movie/Index/Overview/MovieIndexOverviewInfo.tsx b/frontend/src/Movie/Index/Overview/MovieIndexOverviewInfo.tsx
index b237dd92b..b60825b4c 100644
--- a/frontend/src/Movie/Index/Overview/MovieIndexOverviewInfo.tsx
+++ b/frontend/src/Movie/Index/Overview/MovieIndexOverviewInfo.tsx
@@ -134,10 +134,12 @@ function getInfoRowProps(
   }
 
   if (name === 'sizeOnDisk') {
+    const { sizeOnDisk = 0 } = props;
+
     return {
       title: 'Size on Disk',
       iconName: icons.DRIVE,
-      label: formatBytes(props.sizeOnDisk),
+      label: formatBytes(sizeOnDisk),
     };
   }
 
diff --git a/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.tsx b/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.tsx
index 2e8f3e4c5..0d3cdc17e 100644
--- a/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.tsx
+++ b/frontend/src/Movie/Index/Posters/MovieIndexPosterInfo.tsx
@@ -58,7 +58,7 @@ function MovieIndexPosterInfo(props: MovieIndexPosterInfoProps) {
     certification,
     originalTitle,
     originalLanguage,
-    sizeOnDisk,
+    sizeOnDisk = 0,
     tags = [],
     sortKey,
     showRelativeDates,
diff --git a/frontend/src/RootFolder/RootFolderRow.tsx b/frontend/src/RootFolder/RootFolderRow.tsx
index bf8ac6f7a..3b97319da 100644
--- a/frontend/src/RootFolder/RootFolderRow.tsx
+++ b/frontend/src/RootFolder/RootFolderRow.tsx
@@ -21,7 +21,7 @@ interface RootFolderRowProps {
 }
 
 function RootFolderRow(props: RootFolderRowProps) {
-  const { id, path, accessible, freeSpace, unmappedFolders = [] } = props;
+  const { id, path, accessible, freeSpace = 0, unmappedFolders = [] } = props;
 
   const isUnavailable = !accessible;
 
diff --git a/frontend/src/Utilities/Number/formatBytes.js b/frontend/src/Utilities/Number/formatBytes.ts
similarity index 75%
rename from frontend/src/Utilities/Number/formatBytes.js
rename to frontend/src/Utilities/Number/formatBytes.ts
index d4d389357..a0ae8a985 100644
--- a/frontend/src/Utilities/Number/formatBytes.js
+++ b/frontend/src/Utilities/Number/formatBytes.ts
@@ -1,6 +1,6 @@
 import { filesize } from 'filesize';
 
-function formatBytes(input) {
+function formatBytes(input: string | number) {
   const size = Number(input);
 
   if (isNaN(size)) {
@@ -9,7 +9,7 @@ function formatBytes(input) {
 
   return `${filesize(size, {
     base: 2,
-    round: 1
+    round: 1,
   })}`;
 }