From da3e84add8352a5d38b6697c161b6fc8696d8efd Mon Sep 17 00:00:00 2001
From: kira-pilot <kira.pilot23@gmail.com>
Date: Fri, 1 Jul 2022 18:31:26 +0000
Subject: [PATCH] fixing searchBar style type

---
 .../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 23612f08eb2c8..9a58df7faf249 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) => ({