From 15850cc72cd76aab7ff3d8e201a495ee27834e41 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Sat, 23 Nov 2024 16:10:27 +0100
Subject: [PATCH] Issue #1066 : The "Update group" button indicates that a
 background update is in progress

---
 src/views/Group/GroupSettings.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/views/Group/GroupSettings.vue b/src/views/Group/GroupSettings.vue
index d8ecb53cc..ae9f0de0d 100644
--- a/src/views/Group/GroupSettings.vue
+++ b/src/views/Group/GroupSettings.vue
@@ -165,9 +165,12 @@
         />
 
         <div class="flex flex-wrap gap-2 my-2">
-          <o-button native-type="submit" variant="primary">{{
-            t("Update group")
-          }}</o-button>
+          <o-button
+            :loading="loadingUpdateGroup"
+            native-type="submit"
+            variant="primary"
+            >{{ t("Update group") }}</o-button
+          >
           <o-button @click="confirmDeleteGroup" variant="danger">{{
             t("Delete group")
           }}</o-button>
@@ -243,7 +246,12 @@ const showCopiedTooltip = ref(false);
 
 const editableGroup = ref<IGroup>();
 
-const { onDone, onError, mutate: updateGroup } = useUpdateGroup();
+const {
+  onDone,
+  onError,
+  mutate: updateGroup,
+  loading: loadingUpdateGroup,
+} = useUpdateGroup();
 
 onDone(() => {
   notifier?.success(t("Group settings saved"));