From 699a2a1f9e3013fd423e74540c46345f694d7f79 Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Tue, 13 Feb 2024 09:27:39 +0100
Subject: [PATCH] Add a placeholder to the SearchBox component

---
 resources/js/components/SearchBox.vue | 2 ++
 resources/js/views/admin/Users.vue    | 2 +-
 resources/lang/en/admin.php           | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/SearchBox.vue b/resources/js/components/SearchBox.vue
index 6b0c692c..efa9e736 100644
--- a/resources/js/components/SearchBox.vue
+++ b/resources/js/components/SearchBox.vue
@@ -5,6 +5,7 @@
             type: Boolean,
             default: false
         },
+        placeholder: String,
     })
     const searchInput = ref(null)
 
@@ -37,6 +38,7 @@
                 tabindex="1"
                 :aria-label="$t('commons.search')"
                 :title="$t('commons.search')"
+                :placeholder="placeholder"
                 class="input is-rounded is-search"
                 :class="{ 'has-no-background': hasNoBackground }"
                 :value="keyword"
diff --git a/resources/js/views/admin/Users.vue b/resources/js/views/admin/Users.vue
index de6c0ce2..25284b3b 100644
--- a/resources/js/views/admin/Users.vue
+++ b/resources/js/views/admin/Users.vue
@@ -129,7 +129,7 @@
                 <!-- search -->
                 <div class="columns">
                     <div class="column pb-0">
-                        <SearchBox v-model:keyword="searched" :hasNoBackground="true" />
+                        <SearchBox v-model:keyword="searched" :hasNoBackground="true" :placeholder="$t('admin.search_user_placeholder')" />
                     </div>
                 </div>
                 <div class="buttons is-centered mb-0">
diff --git a/resources/lang/en/admin.php b/resources/lang/en/admin.php
index 11cd8013..16ac9acd 100644
--- a/resources/lang/en/admin.php
+++ b/resources/lang/en/admin.php
@@ -21,6 +21,7 @@
     'admin_settings' => 'Admin settings',
     'create_new_user' => 'Create a user',
     'new_user' => 'New user',
+    'search_user_placeholder' => 'User name, email...',
     'user_created' => 'user successfully created',
     'confirm' => [
         'delete_user' => 'Are you sure you want to delete this user? There is no going back.',