From 32cca709d9db1ab72d175f684b187c864a321b94 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Fri, 27 Oct 2023 16:01:02 +0700
Subject: [PATCH] add text inside Welcome page

---
 src/assets/css/style.css                  | 4 ++++
 src/components/Navigation/Aside/Aside.vue | 2 +-
 src/components/Pages/Welcome.vue          | 6 ++++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 911c2f3..06c2158 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1140,6 +1140,10 @@ select {
   margin-top: 1.5rem;
 }
 
+.mt-3\.5 {
+  margin-top: 0.875rem;
+}
+
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;
diff --git a/src/components/Navigation/Aside/Aside.vue b/src/components/Navigation/Aside/Aside.vue
index c95c1a4..d45994b 100644
--- a/src/components/Navigation/Aside/Aside.vue
+++ b/src/components/Navigation/Aside/Aside.vue
@@ -106,7 +106,7 @@ const closeSideBar = () => menu.toggleSidebar()
         <span v-if="menu.sidebarShowed" class="px-4 mt-4 text-sm font-semibold text-primary-800">
             Menu
         </span>
-        <div :class="[menu.sidebarShowed ? 'flex flex-col flex-grow overflow-y-auto' : 'hidden', '']">
+        <div :class="[menu.sidebarShowed ? 'flex flex-col flex-grow overflow-y-auto' : 'hidden']">
             <div class="flex flex-col flex-grow mt-3">
                 <nav class="flex-1 px-2 pb-4 space-y-1">
                     <template v-for="item in menu.navigation" :key="item.name">
diff --git a/src/components/Pages/Welcome.vue b/src/components/Pages/Welcome.vue
index 0c22663..57f0d8e 100644
--- a/src/components/Pages/Welcome.vue
+++ b/src/components/Pages/Welcome.vue
@@ -9,6 +9,12 @@
                 <span class="px-3 text-sm font-medium text-gray-500 text-md">Cari menu</span>
             </button>
 
+            <div class="flex mt-3.5" v-if="filteredMenus.length == 0">
+                <h1 class="text-sm text-center text-gray-800">
+                    Silahkan cari menu atau buka menu di samping kiri untuk memulai
+                </h1>
+            </div>
+
             <div v-if="query === '' || filteredMenus.length > 0" static class="w-full mt-6 md:mt-8 lg:mt-12">
                 <div class="flex flex-col items-start w-full p-2" v-if="filteredMenus.length > 0 || recent.length > 0">
                     <h2 v-if="query === '' && recent.length > 0" class="mb-2 text-xs font-semibold text-gray-900 ">