From 659a320439afbc3dc714997b3484f8059278e05e Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Sun, 10 Aug 2025 17:08:09 +0700
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat=20(header):=20add=20button=20c?=
 =?UTF-8?q?lick=20functionality?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/flow/patient/list.vue   |  8 ++++----
 app/components/layout/AppSidebar.vue   |  2 +-
 app/components/pub/nav/header/prep.vue | 10 ++++++++++
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/app/components/flow/patient/list.vue b/app/components/flow/patient/list.vue
index b70a4c1b..0cae3161 100644
--- a/app/components/flow/patient/list.vue
+++ b/app/components/flow/patient/list.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 const refSearchNav = {
   onClick: () => {
-    console.log('onClick dari parent')
+    // open filter modal
   },
-  onInput: (val: string) => {
-    console.log('>>>', val)
+  onInput: (_val: string) => {
+    // filter patient list
   },
   onClear: () => {
     // clear url param
@@ -16,7 +16,7 @@ const hreaderPrep: HeaderPrep = {
   icon: 'bi bi-journal-check',
   addNav: {
     label: 'Tambah',
-    onClick: () => (window.location.pathname = '/emergency/patient/add'),
+    onClick: () => navigateTo('/patient/add'),
   },
 }
 
diff --git a/app/components/layout/AppSidebar.vue b/app/components/layout/AppSidebar.vue
index 5aca2539..599313c7 100644
--- a/app/components/layout/AppSidebar.vue
+++ b/app/components/layout/AppSidebar.vue
@@ -107,7 +107,7 @@ const sidebar = {
   <Sidebar :collapsible="sidebar.collapsible" :side="sidebar.side" :variant="sidebar.variant">
     <SidebarHeader>
       <LayoutSidebarNavHeader :teams="teams" />
-      <Search />
+      <!-- <Search /> -->
     </SidebarHeader>
     <SidebarContent>
       <SidebarGroup v-for="(nav, indexGroup) in navMenu" :key="indexGroup">
diff --git a/app/components/pub/nav/header/prep.vue b/app/components/pub/nav/header/prep.vue
index 6f10cf97..8d856333 100644
--- a/app/components/pub/nav/header/prep.vue
+++ b/app/components/pub/nav/header/prep.vue
@@ -13,6 +13,10 @@ function emitSearchNavClick() {
 function onInput(event: Event) {
   props.refSearchNav.onInput((event.target as HTMLInputElement).value)
 }
+
+function btnClick() {
+  props.prep.addNav?.onClick()
+}
 </script>
 
 <template>
@@ -33,6 +37,12 @@ function onInput(event: Event) {
             @input="onInput"
           />
         </div>
+        <div v-if="prep.addNav" class="m-2 flex items-center">
+          <Button size="md" class="rounded-md border border-gray-300 px-4 py-2 text-white sm:text-sm" @click="btnClick">
+            <Icon name="i-lucide-plus" class="mr-2 h-4 w-4 align-middle" />
+            {{ prep.addNav.label }}
+          </Button>
+        </div>
       </div>
     </div>
   </header>