From d197e165c8e49e382e7b257b77904c8c455d710d Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle <andrew@speckle.systems>
Date: Thu, 24 Apr 2025 12:58:58 +0100
Subject: [PATCH] feat(fe): Add disabled tooltip text to "add project" on
 project collaborators

---
 .../project/page/collaborators/Collaborators.vue  | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/frontend-2/components/project/page/collaborators/Collaborators.vue b/packages/frontend-2/components/project/page/collaborators/Collaborators.vue
index d3b9b0b42..1e9f4cf24 100644
--- a/packages/frontend-2/components/project/page/collaborators/Collaborators.vue
+++ b/packages/frontend-2/components/project/page/collaborators/Collaborators.vue
@@ -3,9 +3,11 @@
     <div v-if="project" class="pt-3">
       <div class="flex justify-between space-x-2 items-center">
         <h1 class="block text-heading-lg md:text-heading-xl">Collaborators</h1>
-        <FormButton :disabled="!canInvite" @click="toggleInviteDialog">
-          Invite to project
-        </FormButton>
+        <div v-tippy="tooltipText">
+          <FormButton :disabled="!canInvite" @click="toggleInviteDialog">
+            Invite to project
+          </FormButton>
+        </div>
       </div>
       <div class="flex flex-col mt-6 gap-y-6">
         <div v-if="project.workspace" class="flex flex-col gap-y-3">
@@ -106,6 +108,13 @@ const canInvite = computed(() =>
     ? isOwner.value || workspace.value?.role === Roles.Workspace.Admin
     : isOwner.value
 )
+const tooltipText = computed(() =>
+  canInvite.value
+    ? undefined
+    : project.value?.workspaceId
+    ? 'Only project owners and workspace admins can manage the project members'
+    : 'Only project owners can manage the project members'
+)
 const project = computed(() => pageResult.value?.project)
 const workspace = computed(() => project.value?.workspace)
 const updateRole = useUpdateUserRole(project)