From 19e2097f7945b6ad581d1610ad4b4db2faecc3ad Mon Sep 17 00:00:00 2001
From: Soufiane Fariss <rev.fariss@gmail.com>
Date: Fri, 16 Aug 2024 18:52:02 +0200
Subject: [PATCH] change placeholder text

---
 .../src/components/FunctionCapabilities.vue       | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/explorer/src/components/FunctionCapabilities.vue b/web/explorer/src/components/FunctionCapabilities.vue
index c3e9e463..b6fcba1e 100644
--- a/web/explorer/src/components/FunctionCapabilities.vue
+++ b/web/explorer/src/components/FunctionCapabilities.vue
@@ -26,7 +26,7 @@
             :showClearButton="false"
         >
             <template #filter v-if="props.showColumnFilters">
-                <InputText v-model="filters['address'].value" placeholder="Filter by name" />
+                <InputText v-model="filters['address'].value" placeholder="Filter by function address" />
             </template>
             <template #body="{ data }">
                 <span class="font-monospace text-base">{{ data.address }}</span>
@@ -36,9 +36,16 @@
             </template>
         </Column>
 
-        <Column field="rule" sortable header="Matches" class="w-min" :showFilterMenu="false" :showClearButton="false">
+        <Column
+            field="rule"
+            sortable
+            header="Rule Matches"
+            class="w-min"
+            :showFilterMenu="false"
+            :showClearButton="false"
+        >
             <template #filter v-if="props.showColumnFilters">
-                <InputText v-model="filters['rule'].value" placeholder="Filter by name" />
+                <InputText v-model="filters['rule'].value" placeholder="Filter by rule" />
             </template>
             <template #body="{ data }">
                 {{ data.rule }}
@@ -48,7 +55,7 @@
 
         <Column field="namespace" sortable header="Namespace" :showFilterMenu="false" :showClearButton="false">
             <template #filter v-if="props.showColumnFilters">
-                <InputText v-model="filters['namespace'].value" placeholder="Filter by name" />
+                <InputText v-model="filters['namespace'].value" placeholder="Filter by namespace" />
             </template>
         </Column>
     </DataTable>