From 7f4c14ea40552ef0e394be245521edfc7439c913 Mon Sep 17 00:00:00 2001
From: VilppeRiskidev <vili.manninen@riskidev.fi>
Date: Thu, 7 Nov 2024 13:47:02 +0200
Subject: [PATCH 1/4] Disable Delete button in DeleteProfileModal when deleting
 is in progress

---
 src/components/profiles-modals/DeleteProfileModal.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/profiles-modals/DeleteProfileModal.vue b/src/components/profiles-modals/DeleteProfileModal.vue
index d4f2dfc08..40f20f1bb 100644
--- a/src/components/profiles-modals/DeleteProfileModal.vue
+++ b/src/components/profiles-modals/DeleteProfileModal.vue
@@ -8,16 +8,20 @@ import ProfilesMixin from "../../components/mixins/ProfilesMixin.vue";
     components: {ModalCard}
 })
 export default class DeleteProfileModal extends ProfilesMixin {
+    private deletingInProgress: boolean = false;
+
     get isOpen(): boolean {
         return this.$store.state.modals.isDeleteProfileModalOpen;
     }
 
     closeDeleteProfileModal() {
+        this.deletingInProgress = false;
         this.$store.commit('closeDeleteProfileModal');
     }
 
     async removeProfile() {
         try {
+            this.deletingInProgress = true;
             await this.$store.dispatch('profiles/removeSelectedProfile');
         } catch (e) {
             const err = R2Error.fromThrownValue(e, 'Error whilst deleting profile');
@@ -41,6 +45,7 @@ export default class DeleteProfileModal extends ProfilesMixin {
         </template>
         <template v-slot:footer>
             <button
+                :disabled="deletingInProgress"
                 class="button is-danger"
                 @click="removeProfile()"
             >Delete profile</button>

From 9644d4ba377f51ff98fd60a632293fdacd1f64e2 Mon Sep 17 00:00:00 2001
From: VilppeRiskidev <vili.manninen@riskidev.fi>
Date: Thu, 7 Nov 2024 13:54:01 +0200
Subject: [PATCH 2/4] Disable Create button in CreateProfileModal when creating
 profile is in progress

---
 src/components/profiles-modals/CreateProfileModal.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/profiles-modals/CreateProfileModal.vue b/src/components/profiles-modals/CreateProfileModal.vue
index 97cfd7997..ac00bccef 100644
--- a/src/components/profiles-modals/CreateProfileModal.vue
+++ b/src/components/profiles-modals/CreateProfileModal.vue
@@ -9,6 +9,7 @@ import ProfilesMixin from "../../components/mixins/ProfilesMixin.vue";
 })
 export default class CreateProfileModal extends ProfilesMixin {
 
+    private creatingInProgress: boolean = false;
     private newProfileName = '';
 
     get isOpen(): boolean {
@@ -17,6 +18,7 @@ export default class CreateProfileModal extends ProfilesMixin {
 
     closeModal() {
         this.newProfileName = '';
+        this.creatingInProgress = false;
         this.$store.commit('closeCreateProfileModal');
     }
 
@@ -25,9 +27,11 @@ export default class CreateProfileModal extends ProfilesMixin {
         const safeName = this.makeProfileNameSafe(this.newProfileName);
         if (safeName !== '') {
             try {
+                this.creatingInProgress = true;
                 await this.$store.dispatch('profiles/addProfile', safeName);
                 this.closeModal();
             } catch (e) {
+                this.creatingInProgress = false;
                 const err = R2Error.fromThrownValue(e, 'Error whilst creating a profile');
                 this.$store.commit('error/handleError', err);
             }
@@ -67,7 +71,7 @@ export default class CreateProfileModal extends ProfilesMixin {
 
         <template v-slot:footer>
             <button id="modal-create-profile-invalid" class="button is-danger" v-if="doesProfileExist(newProfileName)" disabled>Create</button>
-            <button id="modal-create-profile" class="button is-info" @click="createProfile(newProfileName)" v-else>Create</button>
+            <button id="modal-create-profile" class="button is-info" @click="createProfile(newProfileName)" :disabled="creatingInProgress" v-else>Create</button>
         </template>
 
     </ModalCard>

From 7934ac4a38133944379c19630a8d1f885ef5f204 Mon Sep 17 00:00:00 2001
From: VilppeRiskidev <vili.manninen@riskidev.fi>
Date: Thu, 7 Nov 2024 14:00:44 +0200
Subject: [PATCH 3/4] Disable Rename button in RenameProfileModal when renaming
 is in progress

---
 src/components/profiles-modals/RenameProfileModal.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/profiles-modals/RenameProfileModal.vue b/src/components/profiles-modals/RenameProfileModal.vue
index f606d8521..af6b03db5 100644
--- a/src/components/profiles-modals/RenameProfileModal.vue
+++ b/src/components/profiles-modals/RenameProfileModal.vue
@@ -11,6 +11,7 @@ import ProfilesMixin from "../../components/mixins/ProfilesMixin.vue";
 export default class RenameProfileModal extends ProfilesMixin {
     @Ref() readonly nameInput: HTMLInputElement | undefined;
     private newProfileName: string = '';
+    private renamingInProgress: boolean = false;
 
     @Watch('$store.state.profile.activeProfile')
     activeProfileChanged(newProfile: Profile, oldProfile: Profile|null) {
@@ -41,12 +42,14 @@ export default class RenameProfileModal extends ProfilesMixin {
     }
 
     closeModal() {
+        this.renamingInProgress = false;
         this.newProfileName = this.$store.state.profile.activeProfile.getProfileName();
         this.$store.commit('closeRenameProfileModal');
     }
 
     async performRename() {
         try {
+            this.renamingInProgress = true;
             await this.$store.dispatch('profiles/renameProfile', {newName: this.newProfileName});
         } catch (e) {
             const err = R2Error.fromThrownValue(e, 'Error whilst renaming profile');
@@ -85,7 +88,7 @@ export default class RenameProfileModal extends ProfilesMixin {
         </template>
         <template v-slot:footer>
             <button class="button is-danger" v-if="doesProfileExist(newProfileName)" disabled>Rename</button>
-            <button class="button is-info" @click="performRename(newProfileName)" v-else>Rename</button>
+            <button class="button is-info" @click="performRename(newProfileName)" :disabled="renamingInProgress" v-else>Rename</button>
         </template>
 
     </ModalCard>

From 971b048bfceda7231aa4bb761b08c0b3b00ee4ec Mon Sep 17 00:00:00 2001
From: Vili Manninen <vili.manninen@riskidev.fi>
Date: Sun, 10 Nov 2024 21:41:59 +0200
Subject: [PATCH 4/4] Add check at the start of profile handling functions to
 prevent multiple attempts at the same time

---
 src/components/profiles-modals/CreateProfileModal.vue | 3 +++
 src/components/profiles-modals/DeleteProfileModal.vue | 3 +++
 src/components/profiles-modals/RenameProfileModal.vue | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/src/components/profiles-modals/CreateProfileModal.vue b/src/components/profiles-modals/CreateProfileModal.vue
index ac00bccef..f8e696801 100644
--- a/src/components/profiles-modals/CreateProfileModal.vue
+++ b/src/components/profiles-modals/CreateProfileModal.vue
@@ -24,6 +24,9 @@ export default class CreateProfileModal extends ProfilesMixin {
 
     // User confirmed creation of a new profile with a name that didn't exist before.
     async createProfile() {
+        if (this.creatingInProgress) {
+            return;
+        }
         const safeName = this.makeProfileNameSafe(this.newProfileName);
         if (safeName !== '') {
             try {
diff --git a/src/components/profiles-modals/DeleteProfileModal.vue b/src/components/profiles-modals/DeleteProfileModal.vue
index 40f20f1bb..b0080afca 100644
--- a/src/components/profiles-modals/DeleteProfileModal.vue
+++ b/src/components/profiles-modals/DeleteProfileModal.vue
@@ -20,6 +20,9 @@ export default class DeleteProfileModal extends ProfilesMixin {
     }
 
     async removeProfile() {
+        if (this.deletingInProgress) {
+            return;
+        }
         try {
             this.deletingInProgress = true;
             await this.$store.dispatch('profiles/removeSelectedProfile');
diff --git a/src/components/profiles-modals/RenameProfileModal.vue b/src/components/profiles-modals/RenameProfileModal.vue
index af6b03db5..8c40ce2de 100644
--- a/src/components/profiles-modals/RenameProfileModal.vue
+++ b/src/components/profiles-modals/RenameProfileModal.vue
@@ -48,6 +48,9 @@ export default class RenameProfileModal extends ProfilesMixin {
     }
 
     async performRename() {
+        if (this.renamingInProgress) {
+            return;
+        }
         try {
             this.renamingInProgress = true;
             await this.$store.dispatch('profiles/renameProfile', {newName: this.newProfileName});