From 646c423d9b93769c1f11aa4593d29bfe68424a2c Mon Sep 17 00:00:00 2001
From: Baghaztra <baghaztra21@gmail.com>
Date: Mon, 27 Oct 2025 14:25:12 +0700
Subject: [PATCH] [Update] UI placeholder searchbar

---
 resources/js/components/Searchbar.vue | 8 +++++++-
 resources/js/pages/Brankas.vue        | 2 +-
 resources/js/pages/Tray.vue           | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/Searchbar.vue b/resources/js/components/Searchbar.vue
index 1f886c1..b521c2f 100644
--- a/resources/js/components/Searchbar.vue
+++ b/resources/js/components/Searchbar.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="border border-C bg-A rounded-md w-full relative items-center">
-    <input v-model="searchText" type="text" placeholder="Cari ..."
+    <input v-model="searchText" type="text" :placeholder="props.placeholder"
       class="focus:outline-none focus:ring-2 focus:ring-blue-400 rounded-md w-full px-3 py-2 "
       @input="$emit('update:search', searchText)" />
     <div class="absolute right-3 top-1/2 -translate-y-1/2 text-C">
@@ -11,6 +11,12 @@
 <script setup>
 import { ref } from "vue";
 
+const props = defineProps({
+  placeholder: {
+    type: String,
+    default: "Cari ..."
+  },
+});
 const searchText = ref("");
 defineEmits(["update:search"]);
 </script>
diff --git a/resources/js/pages/Brankas.vue b/resources/js/pages/Brankas.vue
index 154024e..11e3b3e 100644
--- a/resources/js/pages/Brankas.vue
+++ b/resources/js/pages/Brankas.vue
@@ -19,7 +19,7 @@
       </div>
       <div class="flex justify-end">
         <div class="w-full md:w-64 my-3 mb-9">
-          <searchbar v-model:search="searchQuery"/>
+          <searchbar v-model:search="searchQuery" placeholder="Cari nama atau scan barcode item"/>
         </div>
         </div>
       <template v-if="activeTab == 'tabel'">
diff --git a/resources/js/pages/Tray.vue b/resources/js/pages/Tray.vue
index 07997ad..4ad0a90 100644
--- a/resources/js/pages/Tray.vue
+++ b/resources/js/pages/Tray.vue
@@ -5,7 +5,7 @@
 
       <div class="w-full flex justify-end">
           <div class="flex flex-col gap-3 justify-between w-full md:w-75 my-3">
-            <Searchbar v-model:search="searchQuery" />
+            <Searchbar v-model:search="searchQuery" placeholder="Cari nama nampan"/>
             <div class="flex w-full gap-2" v-if="isAdmin">
               <button @click="openModal" class="px-4 py-2 sm:px-2 sm:py-1 hover:bg-B bg-C rounded-md shadow w-full">
                 Tambah Nampan