From ac3bb69a13e9b2bef3030f0b500ee37f1c79b0c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9mi=20Marseault?=
 <22910497+Larsluph@users.noreply.github.com>
Date: Tue, 24 Oct 2023 09:08:50 +0200
Subject: [PATCH] perf(AddTorrentDialog): Add loading prop to add button
 (#1192)

---
 src/components/Dialogs/AddTorrentDialog.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Dialogs/AddTorrentDialog.vue b/src/components/Dialogs/AddTorrentDialog.vue
index c5c446a0..6593e771 100644
--- a/src/components/Dialogs/AddTorrentDialog.vue
+++ b/src/components/Dialogs/AddTorrentDialog.vue
@@ -42,6 +42,7 @@ const formData = reactive({
 })
 const tagSearch = ref('')
 const categorySearch = ref('')
+const isLoading = ref(false)
 
 const contentLayoutOptions = ref([
   { title: t('constants.contentLayout.original'), value: AppPreferences.ContentLayout.ORIGINAL },
@@ -88,7 +89,9 @@ const submit = async () => {
   if (formData.category && formData.category.name) params.category = formData.category.name
   if (formData.tags.length > 0) params.tags = formData.tags.join(',')
 
+  isLoading.value = true
   await maindataStore.addTorrents(params, navbarStore.addTorrentDialogFiles)
+  isLoading.value = false
 
   resetForm()
   close()
@@ -283,7 +286,7 @@ onBeforeMount(async () => {
       </v-card-text>
 
       <v-card-actions class="justify-center">
-        <v-btn :disabled="!isFormValid" color="accent" variant="elevated" :text="$t('dialogs.add.submit')" @click="submit" />
+        <v-btn :disabled="!isFormValid" :loading="isLoading" color="accent" variant="elevated" :text="$t('dialogs.add.submit')" @click="submit" />
         <v-btn color="error" variant="flat" :text="$t('common.close')" @click="close" />
       </v-card-actions>
     </v-card>