refactor: change file name

src/renderer/hooks/use-download.ts

@@ -11,7 +11,7 @@ import {
 } from "@renderer/features";
 import type { GameShop, TorrentProgress } from "@types";
 import { useDate } from "./use-date";
-import { byteFormat } from "@renderer/utils";
+import { formatBytes } from "@renderer/utils";
 
 export function useDownload() {
   const { updateLibrary } = useLibrary();
@@ -113,7 +113,7 @@ export function useDownload() {
     fileSize: lastPacket?.game.fileSize,
     isVerifying,
     gameId: lastPacket?.game.id,
-    downloadSpeed: `${byteFormat(lastPacket?.downloadSpeed ?? 0)}/s`,
+    downloadSpeed: `${formatBytes(lastPacket?.downloadSpeed ?? 0)}/s`,
     isDownloading: Boolean(lastPacket),
     progress: getProgress(),
     numPeers: lastPacket?.numPeers,

src/renderer/pages/downloads/downloads.tsx

@@ -10,7 +10,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { BinaryNotFoundModal } from "../shared-modals/binary-not-found-modal";
 import * as styles from "./downloads.css";
 import { DeleteModal } from "./delete-modal";
-import { byteFormat } from "@renderer/utils";
+import { formatBytes } from "@renderer/utils";
 
 export function Downloads() {
   const { library, updateLibrary } = useLibrary();
@@ -61,10 +61,10 @@ export function Downloads() {
     const isGameDownloading = isDownloading && gameDownloading?.id === game?.id;
 
     if (!game) return "N/A";
-    if (game.fileSize) return byteFormat(game.fileSize);
+    if (game.fileSize) return formatBytes(game.fileSize);
 
     if (gameDownloading?.fileSize && isGameDownloading)
-      return byteFormat(gameDownloading.fileSize);
+      return formatBytes(gameDownloading.fileSize);
 
     return game.repack?.fileSize ?? "N/A";
   };
@@ -87,7 +87,7 @@ export function Downloads() {
           ) : (
             <>
               <p>
-                {byteFormat(gameDownloading?.bytesDownloaded)} /{" "}
+                {formatBytes(gameDownloading?.bytesDownloaded)} /{" "}
                 {finalDownloadSize}
               </p>
               <p>

src/renderer/pages/game-details/hero-panel.tsx

@@ -11,7 +11,7 @@ import { NoEntryIcon, PlusCircleIcon } from "@primer/octicons-react";
 import { BinaryNotFoundModal } from "../shared-modals/binary-not-found-modal";
 import * as styles from "./hero-panel.css";
 import { useDate } from "@renderer/hooks/use-date";
-import { byteFormat } from "@renderer/utils";
+import { formatBytes } from "@renderer/utils";
 
 export interface HeroPanelProps {
   game: Game | null;
@@ -120,10 +120,10 @@ export function HeroPanel({
 
   const finalDownloadSize = useMemo(() => {
     if (!game) return "N/A";
-    if (game.fileSize) return byteFormat(game.fileSize);
+    if (game.fileSize) return formatBytes(game.fileSize);
 
     if (gameDownloading?.fileSize && isGameDownloading)
-      return byteFormat(gameDownloading.fileSize);
+      return formatBytes(gameDownloading.fileSize);
 
     return game.repack?.fileSize ?? "N/A";
   }, [game, isGameDownloading, gameDownloading]);
@@ -170,7 +170,7 @@ export function HeroPanel({
             </>
           ) : (
             <p className={styles.downloadDetailsRow}>
-              {byteFormat(gameDownloading?.bytesDownloaded)} /{" "}
+              {formatBytes(gameDownloading?.bytesDownloaded)} /{" "}
               {finalDownloadSize}
               <small>
                 {numPeers} peers / {numSeeds} seeds
@@ -190,7 +190,7 @@ export function HeroPanel({
             })}
           </p>
           <p>
-            {byteFormat(game.bytesDownloaded)} / {finalDownloadSize}
+            {formatBytes(game.bytesDownloaded)} / {finalDownloadSize}
           </p>
         </>
       );

src/renderer/pages/game-details/repacks-modal.tsx

@@ -9,7 +9,7 @@ import * as styles from "./repacks-modal.css";
 import type { DiskSpace } from "check-disk-space";
 import { format } from "date-fns";
 import { SPACING_UNIT } from "@renderer/theme.css";
-import { byteFormat } from "@renderer/utils";
+import { formatBytes } from "@renderer/utils";
 
 export interface RepacksModalProps {
   visible: boolean;
@@ -66,7 +66,7 @@ export function RepacksModal({
       visible={visible}
       title={`${gameDetails.name} Repacks`}
       description={t("space_left_on_disk", {
-        space: byteFormat(diskFreeSpace?.free ?? 0),
+        space: formatBytes(diskFreeSpace?.free ?? 0),
       })}
       onClose={onClose}
     >

src/renderer/utils/format-bytes.ts

@@ -1,6 +1,6 @@
 const FORMAT = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
 
-export const byteFormat = (bytes: number): string => {
+export const formatBytes = (bytes: number): string => {
   if (!Number.isFinite(bytes) || isNaN(bytes) || bytes < 0) {
     return `N/A ${FORMAT[0]}`;
   }

src/renderer/utils/index.ts

@@ -1 +1 @@
-export * from "./byteFormat";
+export * from "./format-bytes";