From 84d4327e8040a07653cc9bf1cc28639b89f9edbb Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 23 Jun 2025 12:51:01 +0530
Subject: [PATCH] fix: use change password modal in place

---
 frontend/src/components/Settings/ProfileSettings.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Settings/ProfileSettings.vue b/frontend/src/components/Settings/ProfileSettings.vue
index 2d7fc253..6ea134b6 100644
--- a/frontend/src/components/Settings/ProfileSettings.vue
+++ b/frontend/src/components/Settings/ProfileSettings.vue
@@ -66,6 +66,10 @@
           icon-left="lock"
           @click="showChangePasswordModal = true"
         />
+        <ChangePasswordModal
+          v-if="showChangePasswordModal"
+          v-model="showChangePasswordModal"
+        />
       </div>
       <div class="flex flex-col gap-4">
         <div class="flex justify-between gap-4">
@@ -97,10 +101,10 @@
   </div>
 </template>
 <script setup>
+import ChangePasswordModal from '@/components/Settings/ChangePasswordModal.vue'
 import CameraIcon from '@/components/Icons/CameraIcon.vue'
 import { usersStore } from '@/stores/users'
 import { validateIsImageFile } from '@/utils'
-import { showChangePasswordModal } from '@/composables/modals'
 import {
   Dropdown,
   FileUploader,
@@ -116,6 +120,7 @@ const user = computed(() => getUser() || {})
 
 const profile = ref({})
 const error = ref('')
+const showChangePasswordModal = ref(false)
 
 const dirty = computed(() => {
   return (