From d244567b3067f2281ec7e5e9b95c035cc87ecad9 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 17 Jun 2025 14:57:05 +0530
Subject: [PATCH] fix: open invite user page from users add new agent dropdown
 option

---
 .../src/components/Layouts/AppSidebar.vue     |  2 +-
 frontend/src/components/Settings/Settings.vue |  2 +-
 frontend/src/components/Settings/Users.vue    | 25 +++++++++++++++----
 3 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Layouts/AppSidebar.vue b/frontend/src/components/Layouts/AppSidebar.vue
index 68e87c82..3a156e0d 100644
--- a/frontend/src/components/Layouts/AppSidebar.vue
+++ b/frontend/src/components/Layouts/AppSidebar.vue
@@ -351,7 +351,7 @@ const steps = reactive([
     onClick: () => {
       minimize.value = true
       showSettings.value = true
-      activeSettingsPage.value = 'Invite Agent'
+      activeSettingsPage.value = 'Invite User'
     },
     condition: () => isManager(),
   },
diff --git a/frontend/src/components/Settings/Settings.vue b/frontend/src/components/Settings/Settings.vue
index dfed0e3d..a9bc7bfb 100644
--- a/frontend/src/components/Settings/Settings.vue
+++ b/frontend/src/components/Settings/Settings.vue
@@ -28,7 +28,7 @@
                     ? 'bg-surface-selected shadow-sm hover:bg-surface-selected'
                     : 'hover:bg-surface-gray-3'
                 "
-                @click="activeTab = i"
+                @click="activeSettingsPage = i.label"
               />
             </nav>
           </div>
diff --git a/frontend/src/components/Settings/Users.vue b/frontend/src/components/Settings/Users.vue
index ec03e140..c6d375a3 100644
--- a/frontend/src/components/Settings/Users.vue
+++ b/frontend/src/components/Settings/Users.vue
@@ -27,11 +27,23 @@
           @change="(e) => changeStatus(e.target.value)"
         >
         </FormControl>
-        <Button
-          :label="__('Add User')"
-          icon-left="plus"
-          variant="solid"
-          @click="$emit('add-user')"
+        <Dropdown
+          :options="[
+            {
+              label: __('Add Existing User'),
+              onClick: () => (showAddExistingModal = true),
+            },
+            {
+              label: __('Invite New User'),
+              onClick: () => (activeSettingsPage = 'Invite User'),
+            },
+          ]"
+          :button="{
+            label: __('New'),
+            iconLeft: 'plus',
+            variant: 'solid',
+          }"
+          placement="right"
         />
       </div>
     </div>
@@ -119,6 +131,7 @@
 
 <script setup>
 import LucideCheck from '~icons/lucide/check'
+import { activeSettingsPage } from '@/composables/settings'
 import { usersStore } from '@/stores/users'
 import {
   Avatar,
@@ -132,6 +145,8 @@ import { ref, h, watch, onMounted } from 'vue'
 
 const { users: usersResource, getUserRole, isAdmin, isManager } = usersStore()
 
+const showAddExistingModal = ref(false)
+
 const users = createListResource({
   doctype: 'CRM User',
   cache: 'CRM Users',