From 0b86ca06824438b46cfad390c47e2825565ef69a Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Sat, 2 Mar 2024 21:53:20 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Add=20signing=20progress=20for?=
 =?UTF-8?q?=20multi-file=20upload?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/IscnUploadForm.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/components/IscnUploadForm.vue b/components/IscnUploadForm.vue
index b380dde7..cc86b5be 100644
--- a/components/IscnUploadForm.vue
+++ b/components/IscnUploadForm.vue
@@ -195,6 +195,17 @@
             'font-400',
           ]"
         >{{ signDialogError }}</pre>
+        <pre
+          v-else
+          :class="[
+            'mt-[12px]',
+            'p-[8px]',
+            'rounded-[8px]',
+            'text-center',
+            'text-[12px]',
+            'font-400',
+          ]"
+        >{{ signProgress }} / {{ numberOfSignNeeded }}</pre>
         <Divider class="mt-[12px] mb-[8px]" />
         <span
           v-t="'IscnRegisterForm.signDialog.sign.arweave.uploading'"
@@ -304,6 +315,8 @@ export default class IscnUploadForm extends Vue {
 
   signDialogError = ''
   balance = new BigNumber(0)
+  numberOfSignNeeded = 0
+  signProgress = 0
 
   epubMetadataList: any[] = []
   modifiedEpubMap: any = {}
@@ -837,7 +850,11 @@ export default class IscnUploadForm extends Vue {
     try {
       this.uploadStatus = 'uploading';
       // eslint-disable-next-line no-restricted-syntax
-      for (const record of this.modifiedFileRecords) {
+      this.numberOfSignNeeded = this.modifiedFileRecords.length;
+      this.signProgress = 0;
+      for (let i = 0; i < this.modifiedFileRecords.length; i += 1) {
+        const record = this.modifiedFileRecords[i];
+        this.signProgress = i + 1;
         // eslint-disable-next-line no-await-in-loop
         await this.submitToArweave(record);
       }