From b98a5a9efe0d266828b7d1183c51dae38544fcea Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Mon, 19 Aug 2024 11:02:30 +0700
Subject: [PATCH] fix: side menu display incorrectly

---
 .../02_personnel-management/MainPage.vue      | 86 +++++++++++--------
 1 file changed, 50 insertions(+), 36 deletions(-)

diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 500d59a3..66275418 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1616,24 +1616,31 @@ watch(
           >
             <div class="q-py-md q-pl-md q-pr-sm">
               <SideMenu
-                :menu="[
-                  {
-                    name: $t('formDialogTitleInformation'),
-                    anchor: 'info-information',
-                  },
-                  {
-                    name: $t('formDialogTitlePersonal'),
-                    anchor: 'info-personal',
-                  },
-                  {
-                    name: $t('formDialogTitleAddressPersonnel'),
-                    anchor: 'info-address',
-                  },
-                  {
-                    name: $t('formDialogTitleByType'),
-                    anchor: 'info-work',
-                  },
-                ]"
+                :menu="
+                  [
+                    {
+                      name: $t('formDialogTitleInformation'),
+                      anchor: 'info-information',
+                    },
+                    {
+                      name: $t('formDialogTitlePersonal'),
+                      anchor: 'info-personal',
+                    },
+                    {
+                      name: $t('formDialogTitleAddressPersonnel'),
+                      anchor: 'info-address',
+                    },
+                  ].concat(
+                    !!formData.userType
+                      ? [
+                          {
+                            name: $t('formDialogTitleByType'),
+                            anchor: 'info-work',
+                          },
+                        ]
+                      : [],
+                  )
+                "
                 background="transparent"
                 :active="{
                   background: 'hsla(var(--blue-6-hsl) / .2)',
@@ -1824,24 +1831,31 @@ watch(
       <div class="col">
         <div style="position: sticky; top: 0" class="q-pa-sm">
           <SideMenu
-            :menu="[
-              {
-                name: $t('formDialogTitleInformation'),
-                anchor: 'form-information',
-              },
-              {
-                name: $t('formDialogTitlePersonal'),
-                anchor: 'form-personal',
-              },
-              {
-                name: $t('formDialogTitleAddressPersonnel'),
-                anchor: 'form-address',
-              },
-              {
-                name: $t('formDialogTitleByType'),
-                anchor: 'form-work',
-              },
-            ]"
+            :menu="
+              [
+                {
+                  name: $t('formDialogTitleInformation'),
+                  anchor: 'form-information',
+                },
+                {
+                  name: $t('formDialogTitlePersonal'),
+                  anchor: 'form-personal',
+                },
+                {
+                  name: $t('formDialogTitleAddressPersonnel'),
+                  anchor: 'form-address',
+                },
+              ].concat(
+                !!formData.userType
+                  ? [
+                      {
+                        name: $t('formDialogTitleByType'),
+                        anchor: 'info-work',
+                      },
+                    ]
+                  : [],
+              )
+            "
             background="transparent"
             :active="{
               background: 'hsla(var(--blue-6-hsl) / .2)',