From a367775de42894173a08306eece7d66713b6ffd9 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Thu, 25 Apr 2024 16:22:13 +0530
Subject: [PATCH] feat: add wrapper for change password

---
 .../settings/personal/AudioAlertCondition.vue          |  2 +-
 .../dashboard/settings/personal/ChangePassword.vue     |  3 ---
 .../routes/dashboard/settings/personal/Index.vue       | 10 +++++++++-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertCondition.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertCondition.vue
index e7156c24a..b15224381 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertCondition.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/AudioAlertCondition.vue
@@ -16,7 +16,7 @@
           v-model="item.model"
           type="checkbox"
           :value="item.value"
-          class="mt-1 dark:border-slate-600 checked:bg-primary-600 dark:checked:bg-primary-600 shadow appearance-none rounded-[4px] w-4 h-4 focus:ring-1 after:content-[''] after:text-white checked:after:content-['✓'] after:flex after:items-center after:justify-center after:text-center after:text-xs after:font-bold after:relative"
+          class="mt-1 border-ash-400 checked:bg-primary-600 dark:checked:bg-primary-600 shadow appearance-none rounded-[4px] w-4 h-4 focus:ring-1 after:content-[''] after:text-white checked:after:content-['✓'] after:flex after:items-center after:justify-center after:text-center after:text-xs after:font-bold after:relative"
           @input="onChange"
         />
         <label class="text-sm font-normal text-ash-900">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/ChangePassword.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/ChangePassword.vue
index ed04ab4b8..6144abcdb 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/ChangePassword.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/ChangePassword.vue
@@ -1,9 +1,6 @@
 <template>
   <form @submit.prevent="changePassword()">
     <div class="flex flex-col w-full gap-4">
-      <h4 class="text-lg font-medium text-slate-900 dark:text-slate-25">
-        Change password
-      </h4>
       <form-input
         v-model="currentPassword"
         type="password"
diff --git a/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue
index ad835a4ea..275de9b6f 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/personal/Index.vue
@@ -62,7 +62,15 @@
             </div>
           </template>
         </base-personal-item>
-        <change-password v-if="!globalConfig.disableUserProfileUpdate" />
+        <base-personal-item
+          :header="$t('PROFILE_SETTINGS.FORM.PASSWORD_SECTION.TITLE')"
+          description=""
+        >
+          <template #settingsItem>
+            <change-password v-if="!globalConfig.disableUserProfileUpdate" />
+          </template>
+        </base-personal-item>
+
         <base-personal-item
           :header="
             $t('PROFILE_SETTINGS.FORM.AUDIO_NOTIFICATIONS_SECTION.TITLE')