From 83c8d3afbe026ba4e7f316cdfdc51beb2324d8b4 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle <andrew@speckle.systems>
Date: Thu, 27 Mar 2025 11:41:31 +0000
Subject: [PATCH] add useSettingsMembersActions composable

---
 .../workspaces/members/actions/Menu.vue       | 80 ++++---------------
 .../lib/settings/composables/menu.ts          | 59 +++++++++++++-
 2 files changed, 74 insertions(+), 65 deletions(-)

diff --git a/packages/frontend-2/components/settings/workspaces/members/actions/Menu.vue b/packages/frontend-2/components/settings/workspaces/members/actions/Menu.vue
index b8d3a62e9..52d2164f2 100644
--- a/packages/frontend-2/components/settings/workspaces/members/actions/Menu.vue
+++ b/packages/frontend-2/components/settings/workspaces/members/actions/Menu.vue
@@ -66,13 +66,14 @@
 </template>
 
 <script setup lang="ts">
-import { Roles, SeatTypes, type MaybeNullOrUndefined } from '@speckle/shared'
+import { Roles, type MaybeNullOrUndefined } from '@speckle/shared'
 import { EllipsisHorizontalIcon, XMarkIcon } from '@heroicons/vue/24/outline'
 import type { LayoutMenuItem } from '~~/lib/layout/helpers/components'
 import { HorizontalDirection } from '~~/lib/common/composables/window'
 import { WorkspaceUserActionTypes } from '~/lib/settings/helpers/types'
 import type { UserItem } from '~/components/settings/workspaces/members/new/MembersTable.vue'
 import { useActiveUser } from '~/lib/auth/composables/activeUser'
+import { useSettingsMembersActions } from '~/lib/settings/composables/menu'
 import type {
   SettingsWorkspacesMembersNewGuestsTable_WorkspaceFragment,
   SettingsWorkspacesNewMembersTable_WorkspaceFragment
@@ -99,69 +100,20 @@ const isActiveUserTargetUser = computed(
   () => activeUser.value?.id === props.targetUser.id
 )
 
-// Computed properties for each action's visibility
-const canMakeAdmin = computed(() => {
-  return (
-    isActiveUserWorkspaceAdmin.value &&
-    !isActiveUserTargetUser.value &&
-    props.targetUser.role === Roles.Workspace.Member
-  )
-})
-
-const canRemoveAdmin = computed(() => {
-  return (
-    isActiveUserWorkspaceAdmin.value &&
-    !isActiveUserTargetUser.value &&
-    props.targetUser.role === Roles.Workspace.Admin
-  )
-})
-
-const canMakeGuest = computed(() => {
-  return (
-    isActiveUserWorkspaceAdmin.value &&
-    !isActiveUserTargetUser.value &&
-    props.targetUser.role !== Roles.Workspace.Guest
-  )
-})
-
-const canMakeMember = computed(() => {
-  return (
-    isActiveUserWorkspaceAdmin.value &&
-    !isActiveUserTargetUser.value &&
-    props.targetUser.role === Roles.Workspace.Guest
-  )
-})
-
-const canUpgradeEditor = computed(() => {
-  return (
-    isActiveUserWorkspaceAdmin.value &&
-    !isActiveUserTargetUser.value &&
-    props.targetUser.seatType === SeatTypes.Viewer
-  )
-})
-
-const canDowngradeEditor = computed(() => {
-  return (
-    isActiveUserWorkspaceAdmin.value &&
-    !isActiveUserTargetUser.value &&
-    props.targetUser.seatType === SeatTypes.Editor
-  )
-})
-
-const canRemoveFromWorkspace = computed(() => {
-  return (
-    isActiveUserWorkspaceAdmin.value &&
-    !isActiveUserTargetUser.value &&
-    props.targetUser.role !== Roles.Workspace.Admin
-  )
-})
-
-const canLeaveWorkspace = computed(() => {
-  return isActiveUserTargetUser.value
-})
-
-const canResignAdmin = computed(() => {
-  return isActiveUserTargetUser.value && isActiveUserWorkspaceAdmin.value
+const {
+  canMakeAdmin,
+  canRemoveAdmin,
+  canMakeGuest,
+  canMakeMember,
+  canUpgradeEditor,
+  canDowngradeEditor,
+  canRemoveFromWorkspace,
+  canLeaveWorkspace,
+  canResignAdmin
+} = useSettingsMembersActions({
+  isActiveUserWorkspaceAdmin: isActiveUserWorkspaceAdmin.value,
+  isActiveUserTargetUser: isActiveUserTargetUser.value,
+  targetUser: props.targetUser
 })
 
 const isOnlyAdmin = computed(() => {
diff --git a/packages/frontend-2/lib/settings/composables/menu.ts b/packages/frontend-2/lib/settings/composables/menu.ts
index 35061b5a4..00481615e 100644
--- a/packages/frontend-2/lib/settings/composables/menu.ts
+++ b/packages/frontend-2/lib/settings/composables/menu.ts
@@ -3,7 +3,8 @@ import type {
   WorkspaceSettingsMenuItem
 } from '~/lib/settings/helpers/types'
 import { useIsMultipleEmailsEnabled } from '~/composables/globals'
-import { Roles } from '@speckle/shared'
+import { Roles, SeatTypes } from '@speckle/shared'
+import type { UserItem } from '~/components/settings/workspaces/members/new/MembersTable.vue'
 import { useIsMultiregionEnabled } from '~/lib/multiregion/composables/main'
 import { graphql } from '~/lib/common/generated/gql'
 import {
@@ -136,3 +137,59 @@ export const useSettingsMenuState = () =>
   }>('settings-menu-state', () => ({
     previousRoute: undefined
   }))
+
+export const useSettingsMembersActions = (props: {
+  isActiveUserWorkspaceAdmin: boolean
+  isActiveUserTargetUser: boolean
+  targetUser: UserItem
+}) => {
+  const canModifyUser = computed(
+    () => props.isActiveUserWorkspaceAdmin && !props.isActiveUserTargetUser
+  )
+
+  const canMakeAdmin = computed(
+    () => canModifyUser.value && props.targetUser.role === Roles.Workspace.Member
+  )
+
+  const canRemoveAdmin = computed(
+    () => canModifyUser.value && props.targetUser.role === Roles.Workspace.Admin
+  )
+
+  const canMakeGuest = computed(
+    () => canModifyUser.value && props.targetUser.role !== Roles.Workspace.Guest
+  )
+
+  const canMakeMember = computed(
+    () => canModifyUser.value && props.targetUser.role === Roles.Workspace.Guest
+  )
+
+  const canUpgradeEditor = computed(
+    () => canModifyUser.value && props.targetUser.seatType === SeatTypes.Viewer
+  )
+
+  const canDowngradeEditor = computed(
+    () => canModifyUser.value && props.targetUser.seatType === SeatTypes.Editor
+  )
+
+  const canRemoveFromWorkspace = computed(
+    () => canModifyUser.value && props.targetUser.role !== Roles.Workspace.Admin
+  )
+
+  const canLeaveWorkspace = computed(() => props.isActiveUserTargetUser)
+
+  const canResignAdmin = computed(
+    () => props.isActiveUserTargetUser && props.isActiveUserWorkspaceAdmin
+  )
+
+  return {
+    canMakeAdmin,
+    canRemoveAdmin,
+    canMakeGuest,
+    canMakeMember,
+    canUpgradeEditor,
+    canDowngradeEditor,
+    canRemoveFromWorkspace,
+    canLeaveWorkspace,
+    canResignAdmin
+  }
+}