From 300bc6ec928372ebffbdce7246bf31d2ec5a5776 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Tue, 4 Nov 2025 23:40:53 +0100
Subject: [PATCH] Display the invitation list only if it is not empty

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

diff --git a/src/views/Group/GroupInvitations.vue b/src/views/Group/GroupInvitations.vue
index 5f08c3706..4f01bbbbf 100644
--- a/src/views/Group/GroupInvitations.vue
+++ b/src/views/Group/GroupInvitations.vue
@@ -51,7 +51,12 @@
           groupInvitationsError?.message
         }}</o-notification>
       </div>
-      <div v-else-if="groupInvitationsResult">
+      <div
+        v-else-if="
+          groupInvitationsResult &&
+          groupInvitationsResult.listInvitations.length
+        "
+      >
         <o-table :data="groupInvitationsResult.listInvitations">
           <o-table-column
             field="label"
@@ -162,9 +167,12 @@ const {
   loading: groupInvitationsLoading,
   error: groupInvitationsError,
   refetch: groupInvitationsRefetch,
-} = useQuery<{ listInvitations: IInvitation }>(GROUP_INVITATIONS_LIST, () => ({
-  groupId: group.value?.id,
-}));
+} = useQuery<{ listInvitations: IInvitation[] }>(
+  GROUP_INVITATIONS_LIST,
+  () => ({
+    groupId: group.value?.id,
+  })
+);
 
 // -------------------------------------------------------------
 // Create invitation