From d29dee3a5e1eb83fb139ffef774e9bb84a6af0ff Mon Sep 17 00:00:00 2001
From: Alex Yong <alexjyong@gmail.com>
Date: Thu, 25 Apr 2024 20:58:09 +0000
Subject: [PATCH] lint fixes

---
 frontend/src/components/prompts/UploadFiles.vue | 16 ++++++++++------
 frontend/src/stores/upload.ts                   | 12 ++++++------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/prompts/UploadFiles.vue b/frontend/src/components/prompts/UploadFiles.vue
index a9c935eb..48a9e1d4 100644
--- a/frontend/src/components/prompts/UploadFiles.vue
+++ b/frontend/src/components/prompts/UploadFiles.vue
@@ -10,8 +10,12 @@
         <div class="upload-info">
           <div class="upload-speed">{{ uploadSpeed.toFixed(2) }} MB/s</div>
           <div class="upload-eta">{{ formattedETA }} remaining</div>
-          <div class="upload-percentage"> {{ getProgressDecimal }}% Completed </div>
-          <div class="upload-fraction"> {{ getTotalProgressBytes }} / {{ getTotalSize }} </div>
+          <div class="upload-percentage">
+            {{ getProgressDecimal }}% Completed
+          </div>
+          <div class="upload-fraction">
+            {{ getTotalProgressBytes }} / {{ getTotalSize }}
+          </div>
         </div>
         <button
           class="action"
@@ -77,7 +81,7 @@ export default {
       "getProgress",
       "getProgressDecimal",
       "getTotalProgressBytes",
-      "getTotalSize"
+      "getTotalSize",
     ]),
     ...mapWritableState(useFileStore, ["reload"]),
     formattedETA() {
@@ -97,7 +101,7 @@ export default {
     },
   },
   methods: {
-    ...mapActions(useUploadStore, ["reset"]),  // Mapping reset action from upload store
+    ...mapActions(useUploadStore, ["reset"]), // Mapping reset action from upload store
     toggle: function () {
       this.open = !this.open;
     },
@@ -106,8 +110,8 @@ export default {
         abortAllUploads();
         buttons.done("upload");
         this.open = false;
-        this.reset();  // Resetting the upload store state
-        this.reload = true;  // Trigger reload in the file store
+        this.reset(); // Resetting the upload store state
+        this.reload = true; // Trigger reload in the file store
       }
     },
   },
diff --git a/frontend/src/stores/upload.ts b/frontend/src/stores/upload.ts
index 7738a261..4e814454 100644
--- a/frontend/src/stores/upload.ts
+++ b/frontend/src/stores/upload.ts
@@ -15,11 +15,11 @@ const beforeUnload = (event: Event) => {
 
 // Utility function to format bytes into a readable string
 function formatSize(bytes: number): string {
-  if (bytes === 0) return '0 Bytes';
+  if (bytes === 0) return "0 Bytes";
 
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
   const i = Math.floor(Math.log(bytes) / Math.log(1024));
-  return parseFloat((bytes / Math.pow(1024, i)).toFixed(2)) + ' ' + sizes[i];
+  return parseFloat((bytes / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i];
 }
 
 export const useUploadStore = defineStore("upload", {
@@ -69,18 +69,18 @@ export const useUploadStore = defineStore("upload", {
     },
     getTotalProgressBytes: (state) => {
       if (state.progress.length === 0 || state.sizes.length === 0) {
-        return '0 Bytes';
+        return "0 Bytes";
       }
       const sum = state.progress.reduce((acc, val) => +acc + +val, 0) as number;
       return formatSize(sum);
     },
     getTotalSize: (state) => {
       if (state.sizes.length === 0) {
-        return '0 Bytes';
+        return "0 Bytes";
       }
       const totalSize = state.sizes.reduce((a, b) => a + b, 0);
       return formatSize(totalSize);
-    },  
+    },
     filesInUploadCount: (state) => {
       return Object.keys(state.uploads).length + state.queue.length;
     },