feat: show placeholder when search empty

rabotond · Sep 6, 2022 · 1c7c485 · 1c7c485
1 parent 8b4e3ba
commit 1c7c485
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/server/app/src/components/tables/Filters/FacetFilter.tsx b/server/app/src/components/tables/Filters/FacetFilter.tsx
@@ -1,6 +1,7 @@
 import {
   Box,
   Button,
+  Center,
   CloseButton,
   createStyles,
   Group,
@@ -146,7 +147,10 @@ export default function FacetFilter({
                 variant="default"
                 color="brand"
                 disabled={filterValue.length === 0}
-                onClick={() => column.setFilterValue([])}>
+                onClick={() => {
+                  column.setFilterValue([]);
+                  setFilter("");
+                }}>
                 Reset
               </Button>
             )
@@ -190,6 +194,14 @@ export default function FacetFilter({
               );
             })}
           </div>
+
+          {filteredOptions.length === 0 && (
+            <Center py="xs">
+              <Text color="dimmed" size="xs">
+                No Results
+              </Text>
+            </Center>
+          )}
         </div>
       </Popover.Dropdown>
     </Popover>