From a4b7df62eb7aebf40f7c63843b6b2fa38e040109 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Wed, 7 Aug 2024 14:16:27 +0700
Subject: [PATCH] refactor: add default img admin

---
 src/components/ProfileMenu.vue                 | 5 ++++-
 src/layouts/MainLayout.vue                     | 5 ++++-
 src/pages/02_personnel-management/MainPage.vue | 1 -
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/ProfileMenu.vue b/src/components/ProfileMenu.vue
index d0c93707..2cfb854b 100644
--- a/src/components/ProfileMenu.vue
+++ b/src/components/ProfileMenu.vue
@@ -8,9 +8,12 @@ import { getName, getRealm, getRole, isLoggedIn } from 'src/services/keycloak';
 
 const $q = useQuasar();
 
-const userImage = ref<string>('');
 const filterRole = ref<string[]>();
 
+defineProps<{
+  userImage?: string;
+}>();
+
 const inputFile = document.createElement('input');
 inputFile.type = 'file';
 inputFile.accept = 'image/*';
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 5b0b31dd..73eb034e 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -2,7 +2,7 @@
 import { ref, onMounted, watch } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useQuasar } from 'quasar';
-import { getUserId, getUsername, logout } from 'src/services/keycloak';
+import { getUserId, getUsername, logout, getRole } from 'src/services/keycloak';
 import { Icon } from '@iconify/vue';
 import { useI18n } from 'vue-i18n';
 
@@ -455,6 +455,9 @@ onMounted(async () => {
                   canvasModal = true;
                 }
               "
+              :user-image="
+                getRole()?.includes('system') ? '/img-admin.png' : ' '
+              "
             />
           </div>
         </div>
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 30b8cb91..db3a324d 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -37,7 +37,6 @@ import SideMenu from 'src/components/SideMenu.vue';
 import ImageUploadDialog from 'src/components/ImageUploadDialog.vue';
 import FormAddress from 'src/components/02_personnel-management/FormAddress.vue';
 import DialogForm from 'src/components/DialogForm.vue';
-import { getRole } from 'src/services/keycloak';
 
 const { locale, t } = useI18n();
 const $q = useQuasar();