From ead3516fb50e508c7540d6cc0e0d4cc65ac7ec64 Mon Sep 17 00:00:00 2001
From: Kira Pilot <kira@coder.com>
Date: Fri, 1 Jul 2022 15:09:44 -0400
Subject: [PATCH] fixing searchBar style type (#2785)

---
 .../components/SearchBarWithFilter/SearchBarWithFilter.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/src/components/SearchBarWithFilter/SearchBarWithFilter.tsx b/site/src/components/SearchBarWithFilter/SearchBarWithFilter.tsx
index 23612f08eb..9a58df7faf 100644
--- a/site/src/components/SearchBarWithFilter/SearchBarWithFilter.tsx
+++ b/site/src/components/SearchBarWithFilter/SearchBarWithFilter.tsx
@@ -42,7 +42,7 @@ export const SearchBarWithFilter: React.FC<SearchBarWithFilterProps> = ({
   presetFilters,
   error,
 }) => {
-  const styles = useStyles({ error })
+  const styles = useStyles({ error: !!error })
 
   const form = useFormik<FilterFormValues>({
     enableReinitialize: true,
@@ -119,7 +119,7 @@ export const SearchBarWithFilter: React.FC<SearchBarWithFilterProps> = ({
           />
         </form>
 
-        {presetFilters && presetFilters.length > 0 && (
+        {presetFilters && presetFilters.length && (
           <Menu
             id="filter-menu"
             anchorEl={anchorEl}
@@ -150,7 +150,7 @@ export const SearchBarWithFilter: React.FC<SearchBarWithFilterProps> = ({
 }
 
 interface StyleProps {
-  error?: unknown
+  error?: boolean
 }
 
 const useStyles = makeStyles<Theme, StyleProps>((theme) => ({