From e8b273eabf1a3a429f8bca45ae4d05c591b8c7ad Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 19 Jul 2024 07:00:35 +0000
Subject: [PATCH] fix: layout drawer on xs

---
 src/layouts/MainLayout.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index f4a6f5dc..0ba7341c 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -46,7 +46,7 @@ const userStore = useUserStore();
 const rawOption = ref();
 const canvasModal = ref(false);
 
-const leftDrawerOpen = ref(true);
+const leftDrawerOpen = ref<boolean>(false);
 const leftDrawerMini = ref(false);
 
 const filterUnread = ref(false);
@@ -143,6 +143,7 @@ watch(
 
 onMounted(async () => {
   await fetchListMyBranch(getUserId() ?? '');
+  leftDrawerOpen.value = $q.screen.gt.xs ? true : false;
 
   const getCurLang = localStorage.getItem('currentLanguage');
   if (getCurLang) currentLanguage.value = getCurLang;
@@ -260,7 +261,10 @@ onMounted(async () => {
               }}
             </span>
             <div class="flex items-center" style="gap: var(--size-1)">
-              <template v-for="(item, i) in utilsStore.currentTitle.path">
+              <template
+                v-for="(item, i) in utilsStore.currentTitle.path"
+                :key="i"
+              >
                 <span
                   class="text-caption cursor-pointer"
                   @click="item.handler?.()"