From 4b8be6a562a21048d2004ac132d1176beb1ee168 Mon Sep 17 00:00:00 2001
From: palewire <b@palewi.re>
Date: Mon, 3 Apr 2023 05:54:33 -0400
Subject: [PATCH] Added no results view to search

---
 src/components/Table/Table.svelte | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Table/Table.svelte b/src/components/Table/Table.svelte
index c59cfe38..9b8e5dc6 100644
--- a/src/components/Table/Table.svelte
+++ b/src/components/Table/Table.svelte
@@ -315,6 +315,13 @@
               {/each}
             </tr>
           {/each}
+          {#if searchable && searchText && currentPageData.length === 0}
+            <tr>
+              <td class="no-results" colspan="{includedFields.length}">
+                No results found for "{searchText}"
+              </td>
+            </tr>
+          {/if}
         </tbody>
         {#if notes || source}
           <tfoot class="table--tfoot">
@@ -384,7 +391,7 @@
       }
       thead {
         tr {
-          border-bottom: 1px solid $tr-light-grey;
+          border-bottom: 1px solid $tr-medium-grey;
           th {
             color: $tr-medium-grey;
             font-size: 0.85rem;
@@ -408,12 +415,15 @@
       }
       tbody {
         tr {
-          border-bottom: 1px solid $tr-light-muted-grey;
+          border-bottom: 1px solid $tr-muted-grey;
         }
         td {
           font-size: 1rem;
           font-weight: 300;
           padding: 0.5rem 0.25rem 0.5rem 0;
+          &.no-results {
+            color: $tr-muted-grey;
+          }
         }
       }
       tfoot.table--tfoot {