fmt

src/components/ProgressBar.tsx

@@ -11,7 +11,10 @@ export default function ProgressBar({
   const isComplete = value === max
 
   return (
-    <div id="progress-bar" className="w-full h-12 bg-stone-200 dark:bg-stone-700 rounded-md overflow-hidden relative shadow-sm">
+    <div
+      id="progress-bar"
+      className="w-full h-12 bg-stone-200 dark:bg-stone-700 rounded-md overflow-hidden relative shadow-sm"
+    >
       <div className="absolute inset-0 flex items-center justify-center">
         <span className="text-black font-bold">{Math.round(percentage)}%</span>
       </div>
@@ -25,7 +28,10 @@ export default function ProgressBar({
         style={{ width: `${percentage}%` }}
       />
       <div className="absolute inset-0 flex items-center justify-center">
-        <span id="progress-percentage" className="text-white font-bold text-shadow">
+        <span
+          id="progress-percentage"
+          className="text-white font-bold text-shadow"
+        >
           {Math.round(percentage)}%
         </span>
       </div>

src/hooks/useDownloader.ts

@@ -230,10 +230,14 @@ export function useDownloader(uploaderPeerID: string): {
         bytesReceived: chunkSize,
       }
       dataConnection.send(ackMessage)
-      console.log(`[Downloader] sent ack for chunk ${chunkCountByFile[message.fileName]} (${message.offset}, ${chunkSize} bytes)`)
+      console.log(
+        `[Downloader] sent ack for chunk ${chunkCountByFile[message.fileName]} (${message.offset}, ${chunkSize} bytes)`,
+      )
 
       if (message.final) {
-        console.log(`[Downloader] finished receiving ${message.fileName} after ${chunkCountByFile[message.fileName]} chunks`)
+        console.log(
+          `[Downloader] finished receiving ${message.fileName} after ${chunkCountByFile[message.fileName]} chunks`,
+        )
         fileStream.close()
         startNextFileOrFinish()
       }

src/hooks/useUploaderConnections.ts

@@ -5,7 +5,12 @@ import {
   UploaderConnection,
   UploaderConnectionStatus,
 } from '../types'
-import { decodeMessage, Message, MessageType, ChunkAckMessage } from '../messages'
+import {
+  decodeMessage,
+  Message,
+  MessageType,
+  ChunkAckMessage,
+} from '../messages'
 import { z } from 'zod'
 import { getFileName } from '../fs'
 import { setRotating } from './useRotatingSpinner'
@@ -337,7 +342,9 @@ export function useUploaderConnections(
                 const newAcked = currentAcked + ackMessage.bytesReceived
 
                 // Find the file to calculate progress
-                const file = files.find(f => getFileName(f) === ackMessage.fileName)
+                const file = files.find(
+                  (f) => getFileName(f) === ackMessage.fileName,
+                )
                 if (file) {
                   const acknowledgedProgress = newAcked / file.size
                   return {