From b9e0be448398d087005e220d08e34461490be14e Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Sun, 10 Jan 2021 13:30:26 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=8D=20UsersOverview=20table=20-=20basi?=
 =?UTF-8?q?c=20fuzzy=20search?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #12
---
 src/components/UsersOverview.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/UsersOverview.svelte b/src/components/UsersOverview.svelte
index ccbbb5dc..3d266248 100644
--- a/src/components/UsersOverview.svelte
+++ b/src/components/UsersOverview.svelte
@@ -28,6 +28,12 @@
   {#if userscache.length === 0}
     <UsersEmptyState />
   {:else}
+    <input
+      type="search"
+      bind:value={searchvalue}
+      placeholder={$_('datatable.search')}
+      aria-label={$_('datatable.search')}
+      class="gridjs-input gridjs-search-input mb-4" />
     <div
       class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
       <table class="divide-y divide-gray-200 w-full">
@@ -55,6 +61,7 @@
         </thead>
         <tbody class="divide-y divide-gray-200">
           {#each users as u}
+            {#if Object.values(u).toString().toLowerCase().includes(searchvalue)}
               <tr>
                 <td class="px-6 py-4 whitespace-nowrap">
                   <div class="flex items-center">
@@ -106,6 +113,7 @@
                     class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">Delete</span>
                 </td>
               </tr>
+            {/if}
           {/each}
         </tbody>
       </table>