From 33f23821bd528efc070c8a9e2af005d7b1193ed0 Mon Sep 17 00:00:00 2001
From: Mike <mike.tasset@gmail.com>
Date: Mon, 14 Apr 2025 10:39:41 +0200
Subject: [PATCH] Fix: Disabled invite button in workspace switcher for non
 admins (#4396)

---
 .../WorkspaceSwitcher/header/Workspace.vue    | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/packages/frontend-2/components/header/WorkspaceSwitcher/header/Workspace.vue b/packages/frontend-2/components/header/WorkspaceSwitcher/header/Workspace.vue
index d57e1a0d3..ca864bda7 100644
--- a/packages/frontend-2/components/header/WorkspaceSwitcher/header/Workspace.vue
+++ b/packages/frontend-2/components/header/WorkspaceSwitcher/header/Workspace.vue
@@ -23,16 +23,23 @@
               Settings
             </FormButton>
           </MenuItem>
-          <MenuItem>
-            <FormButton
-              full-width
-              color="outline"
-              size="sm"
-              :disabled="workspace?.role !== Roles.Workspace.Admin"
-              @click="showInviteDialog = true"
+          <MenuItem v-if="workspace?.role !== Roles.Workspace.Guest">
+            <div
+              v-tippy="
+                isAdmin ? undefined : 'Only admins can invite people to the workspace'
+              "
+              class="w-full"
             >
-              Invite members
-            </FormButton>
+              <FormButton
+                full-width
+                color="outline"
+                size="sm"
+                :disabled="!isAdmin"
+                @click="showInviteDialog = true"
+              >
+                Invite members
+              </FormButton>
+            </div>
           </MenuItem>
         </div>
       </template>
@@ -67,11 +74,13 @@ graphql(`
   }
 `)
 
-defineProps<{
+const props = defineProps<{
   workspace: MaybeNullOrUndefined<HeaderWorkspaceSwitcherHeaderWorkspace_WorkspaceFragment>
 }>()
 
 const { activeWorkspaceSlug } = useNavigation()
 
 const showInviteDialog = ref(false)
+
+const isAdmin = computed(() => props.workspace?.role === Roles.Workspace.Admin)
 </script>