From b96c476eaa072d5a8de8e77dd091d10d7a4dc2b4 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Wed, 13 Nov 2024 18:24:22 +0100
Subject: [PATCH] Issue #1066 Add a loading state on <o-button> in the create
 group page

---
 src/views/Group/CreateView.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/views/Group/CreateView.vue b/src/views/Group/CreateView.vue
index f230e8863..66ffa9b3c 100644
--- a/src/views/Group/CreateView.vue
+++ b/src/views/Group/CreateView.vue
@@ -199,7 +199,13 @@
         </o-checkbox>
       </fieldset>
 
-      <o-button variant="primary" native-type="submit" class="mt-3">
+      <o-button
+        variant="primary"
+        :disabled="loading"
+        :loading="loading"
+        native-type="submit"
+        class="mt-3"
+      >
         {{ t("Create my group") }}
       </o-button>
     </form>
@@ -370,7 +376,7 @@ const preferredUsernameErrors = computed(() => {
   return [message, type];
 });
 
-const { onDone, onError, mutate } = useCreateGroup();
+const { onDone, onError, mutate, loading } = useCreateGroup();
 
 onDone(() => {
   notifier?.success(