From f7d55734aaaace2bb04650371fff942c915c1874 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 8 Aug 2024 06:10:54 +0000
Subject: [PATCH] fix(01): form icon outline

---
 .../01_branch-management/FormBank.vue          |  2 +-
 .../01_branch-management/FormBranchContact.vue | 18 ++++++++++++++----
 .../02_personnel-management/FormAddress.vue    |  6 +++---
 src/pages/01_branch-management/MainPage.vue    |  4 ++--
 4 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index b62875ac..f2d888ab 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -82,7 +82,7 @@ watch(
         size="xs"
         class="q-pa-sm rounded q-mr-xs"
         color="info"
-        name="mdi-bank"
+        name="mdi-bank-outline"
         style="background-color: var(--surface-3)"
       />
       {{ $t(`${title}`) }}
diff --git a/src/components/01_branch-management/FormBranchContact.vue b/src/components/01_branch-management/FormBranchContact.vue
index 1e63c6ab..72459982 100644
--- a/src/components/01_branch-management/FormBranchContact.vue
+++ b/src/components/01_branch-management/FormBranchContact.vue
@@ -23,7 +23,7 @@ defineProps<{
         size="xs"
         class="q-pa-sm rounded q-mr-xs"
         color="info"
-        name="mdi-phone"
+        name="mdi-phone-outline"
         style="background-color: var(--surface-3)"
       />
       {{ $t(`${title}`) }}
@@ -46,7 +46,12 @@ defineProps<{
         for="input-email"
       >
         <template #prepend>
-          <q-icon color="primary" name="mdi-email" size="xs" class="q-mr-xs" />
+          <q-icon
+            color="primary"
+            name="mdi-email-outline"
+            size="xs"
+            class="q-mr-xs"
+          />
         </template>
       </q-input>
 
@@ -66,7 +71,12 @@ defineProps<{
         for="input-telephone-no"
       >
         <template #prepend>
-          <q-icon color="primary" name="mdi-phone" size="xs" class="q-mr-xs" />
+          <q-icon
+            color="primary"
+            name="mdi-phone-outline"
+            size="xs"
+            class="q-mr-xs"
+          />
         </template>
       </q-input>
 
@@ -109,7 +119,7 @@ defineProps<{
           <template #prepend>
             <q-icon
               color="primary"
-              name="mdi-phone"
+              name="mdi-phone-outline"
               size="xs"
               class="q-mr-xs"
             />
diff --git a/src/components/02_personnel-management/FormAddress.vue b/src/components/02_personnel-management/FormAddress.vue
index a8f56dd9..231ddf2a 100644
--- a/src/components/02_personnel-management/FormAddress.vue
+++ b/src/components/02_personnel-management/FormAddress.vue
@@ -156,7 +156,7 @@ watch(districtId, fetchSubDistrict);
         size="xs"
         class="q-pa-sm rounded q-mr-xs"
         color="info"
-        name="mdi-map-marker-radius"
+        name="mdi-map-marker-radius-outline"
         style="background-color: var(--surface-3)"
       />
 
@@ -196,7 +196,7 @@ watch(districtId, fetchSubDistrict);
 
     <div class="col-12 row q-col-gutter-y-md">
       <div class="col-12 app-text-muted-2">
-        <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker" />
+        <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
         {{ addressTitle || $t('formDialogTitleAddressPure') }}
       </div>
       <div class="col-12 row q-col-gutter-sm">
@@ -358,7 +358,7 @@ watch(districtId, fetchSubDistrict);
       </div>
 
       <div class="col-12 app-text-muted-2">
-        <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker" />
+        <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
         {{ addressTitleEN || $t('formDialogTitleAddressPureEN') }}
       </div>
       <div class="col-12 row q-col-gutter-sm">
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index e262d354..d5d8102e 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -85,12 +85,12 @@ const currentStatus = ref<Status | 'All'>('All');
 const expandedTree = ref<string[]>([]);
 const formMenuIcon = ref<{ icon: string; color: string; bgColor: string }[]>([
   {
-    icon: 'mdi-phone',
+    icon: 'mdi-phone-outline',
     color: 'hsl(var(--info-bg))',
     bgColor: 'var(--surface-1)',
   },
   {
-    icon: 'mdi-map-marker-radius',
+    icon: 'mdi-map-marker-radius-outline',
     color: 'hsl(var(--info-bg))',
     bgColor: 'var(--surface-1)',
   },