From 2e1570cac68b952cd01bb61c9717bd8e942c7526 Mon Sep 17 00:00:00 2001
From: Rezaul Karim Shaon <rkshaon.ist@gmail.com>
Date: Wed, 24 Jul 2024 01:42:06 +0600
Subject: [PATCH] frontend: user profile

change password, update profile button click function call
---
 .../components/admin/page/AdminProfilePage.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/admin/page/AdminProfilePage.vue b/frontend/src/components/admin/page/AdminProfilePage.vue
index e9f0733..e24bb64 100644
--- a/frontend/src/components/admin/page/AdminProfilePage.vue
+++ b/frontend/src/components/admin/page/AdminProfilePage.vue
@@ -1,8 +1,12 @@
 <template>
     <div class="container mt-5">
-        <AdminProfileCardComponent :profileData="profileData" class="mb-3" />
-        <button class="btn btn-warning">Change Password</button>
-        <button class="btn btn-info">Edit Profile</button>
+        <div class="row">
+            <div class="col-4">
+                <AdminProfileCardComponent :profileData="profileData" class="mb-3" />
+            </div>
+        </div>
+        <button type="button" class="btn btn-warning" @click="showChangePasswordModal">Change Password</button>
+        <button type="button" class="btn btn-info" @click="showUpdateProfileModal">Edit Profile</button>
     </div>
 </template>
 
@@ -28,6 +32,14 @@ export default {
     },
     methods: {
         ...mapActions('user', ['fetchUserProfile']),
+
+        showChangePasswordModal() {
+            console.log('change password modal clicked');
+        },
+
+        showUpdateProfileModal() {
+            console.log('update profile clicked.');
+        },
     },
     created() {
         this.fetchUserProfile();