new: prevent user to create 2 comchain account with 2 fast button click

Lokavaluto · Sep 17, 2024 · bba9c6d · bba9c6d
1 parent af960d3
commit bba9c6d
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 7 deletions.
diff --git a/src/components/CreateAccount.vue b/src/components/CreateAccount.vue
@@ -165,6 +165,7 @@
   import AuthPref from "@/components/AuthPref.vue"
   import PasswordField from "@/components/PasswordField.vue"
   import { mapGetters } from "vuex"
+  import { debounceMethod } from "@/utils/debounce"
   @Options({
     name: "CreateAccount",
     components: { AuthPref, PasswordField },
@@ -255,7 +256,7 @@
       saveSimplifiedAuthPref(accountAuthService: any, userConfigInput: any) {
         this.userAuthPref = [accountAuthService, userConfigInput]
       },
-      async createUserAccount() {
+      createUserAccount: debounceMethod(async function () {
         let userAccount
         try {
           userAccount = await this.$store.dispatch("createUserAccount", [
@@ -299,7 +300,7 @@
         }
         this.$store.dispatch("fetchComponentDefs")
         this.$router.push({ name: "dashboard" })
-      },
+      }),
     },
   })
   export default class CreateAccount extends Vue {}

diff --git a/src/i18n/fr-FR/app.po b/src/i18n/fr-FR/app.po
@@ -617,7 +617,7 @@ msgstr "Le mot de passe doit contenir au moins un caractère spécial"
 msgid "Password should use at least one uppercase character"
 msgstr "Le mot de passe doit contenir au moins une lettre majuscule"
 
-#: src/components/CreateAccount.vue:247
+#: src/components/CreateAccount.vue:248
 msgid "Passwords do not match"
 msgstr "Le mot de passe entré n'est pas identique"
 
@@ -688,7 +688,7 @@ msgstr ""
 msgid "Please scan the QR code above to proceed"
 msgstr "Veuillez scanner le QR code ci-dessus pour continuer"
 
-#: src/components/CreateAccount.vue:274
+#: src/components/CreateAccount.vue:275
 #: src/components/TheBankAccountList.vue:245 src/services/lokapiService.ts:229
 msgid "Please try again or contact your administrator"
 msgstr "Veuillez ré-éssayer ou contacter votre administrateur"
@@ -822,7 +822,7 @@ msgstr "%{amount} envoyé"
 msgid "Settings"
 msgstr "Préferences"
 
-#: src/components/CreateAccount.vue:293
+#: src/components/CreateAccount.vue:294
 msgid ""
 "Settings for simplified authentication were not saved correctly... Please "
 "try again in the \"Settings\" page or contact your administrator"
@@ -1153,11 +1153,11 @@ msgstr ""
 msgid "User or email already exist."
 msgstr "Utilisateur ou e-mail existe déjà."
 
-#: src/components/CreateAccount.vue:279
+#: src/components/CreateAccount.vue:280
 msgid "Wallet already created"
 msgstr "Compte déjà créé"
 
-#: src/components/CreateAccount.vue:272
+#: src/components/CreateAccount.vue:273
 msgid "Wallet creation unexpectedly failed."
 msgstr "Création de compte interrompue inopinément."
 

diff --git a/src/utils/debounce.ts b/src/utils/debounce.ts
@@ -0,0 +1,37 @@
+export function debounceMethod<
+  T extends (this: any, ...args: any[]) => Promise<any>
+>(fn: T): T {
+  const promiseMapKey = Symbol("__debouncePromiseMap__")
+
+  return function (this: any, ...args: Parameters<T>): ReturnType<T> {
+    if (!this[promiseMapKey]) {
+      this[promiseMapKey] = new Map<string, ReturnType<T>>()
+    }
+
+    const argsKey = JSON.stringify(args)
+
+    if (!this[promiseMapKey].has(argsKey)) {
+      const promise = (async () => {
+        try {
+          return await fn.apply(this, args)
+        } finally {
+          this[promiseMapKey].delete(argsKey)
+        }
+      })()
+
+      this[promiseMapKey].set(argsKey, promise)
+    } else {
+      console.trace(`Debounced call`)
+    }
+
+    return this[promiseMapKey].get(argsKey)
+  } as unknown as T
+}
+
+export function debounce(
+  target: any,
+  propertyKey: string,
+  descriptor: PropertyDescriptor
+) {
+  return debounceMethod(descriptor.value)
+}