From 3f26e93e42a7626aca9817db3895b183d54c770c Mon Sep 17 00:00:00 2001
From: Alex Yong <alexjyong@gmail.com>
Date: Fri, 12 Apr 2024 16:17:08 +0000
Subject: [PATCH] Adjusting formatting

---
 frontend/src/components/prompts/UploadFiles.vue |  3 ++-
 frontend/src/stores/upload.ts                   | 11 +++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/prompts/UploadFiles.vue b/frontend/src/components/prompts/UploadFiles.vue
index be27bd07..2c2cb836 100644
--- a/frontend/src/components/prompts/UploadFiles.vue
+++ b/frontend/src/components/prompts/UploadFiles.vue
@@ -10,7 +10,7 @@
         <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"> {{ getProgress }} % Completed </div>
+          <div class="upload-percentage"> {{ getProgressDecimal }}% Completed </div>
           <div class="upload-fraction"> {{ getTotalProgressBytes }} / {{ getTotalSize }} </div>
         </div>
         <button
@@ -75,6 +75,7 @@ export default {
       "uploadSpeed",
       "getETA",
       "getProgress",
+      "getProgressDecimal",
       "getTotalProgressBytes",
       "getTotalSize"
     ]),
diff --git a/frontend/src/stores/upload.ts b/frontend/src/stores/upload.ts
index fde357e3..7ef5c6af 100644
--- a/frontend/src/stores/upload.ts
+++ b/frontend/src/stores/upload.ts
@@ -47,6 +47,17 @@ export const useUploadStore = defineStore("upload", {
       const sum = state.progress.reduce((acc, val) => +acc + +val) as number;
       return Math.ceil((sum / totalSize) * 100);
     },
+    getProgressDecimal: (state) => {
+      if (state.progress.length === 0) {
+        return 0;
+      }
+
+      const totalSize = state.sizes.reduce((a, b) => a + b, 0);
+
+      // TODO: this looks ugly but it works with ts now
+      const sum = state.progress.reduce((acc, val) => +acc + +val) as number;
+      return ((sum / totalSize) * 100).toFixed(2);
+    },
     getTotalProgressBytes: (state) => {
      if (state.progress.length === 0 || state.sizes.length === 0) {
         return '0 Bytes';