From 8554a0cdd21684bb6e4060aea8b57b26811ae8cf Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 9 Jun 2023 17:47:43 +0800
Subject: [PATCH] Pass search params in header

---
 .../templates/homeFeed/LibraryHeader.tsx      | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/LibraryHeader.tsx b/packages/web/components/templates/homeFeed/LibraryHeader.tsx
index 653a627a7..f79e3ba43 100644
--- a/packages/web/components/templates/homeFeed/LibraryHeader.tsx
+++ b/packages/web/components/templates/homeFeed/LibraryHeader.tsx
@@ -114,6 +114,8 @@ function LargeHeaderLayout(props: LibraryHeaderProps): JSX.Element {
         setMultiSelectMode={props.setMultiSelectMode}
         showAddLinkModal={props.showAddLinkModal}
         performMultiSelectAction={props.performMultiSelectAction}
+        searchTerm={props.searchTerm}
+        applySearchQuery={props.applySearchQuery}
       />
     </HStack>
   )
@@ -160,6 +162,8 @@ function SmallHeaderLayout(props: LibraryHeaderProps): JSX.Element {
             setMultiSelectMode={props.setMultiSelectMode}
             showAddLinkModal={props.showAddLinkModal}
             performMultiSelectAction={props.performMultiSelectAction}
+            searchTerm={props.searchTerm}
+            applySearchQuery={props.applySearchQuery}
           />
         </>
       )}
@@ -371,6 +375,9 @@ type ControlButtonBoxProps = {
   setMultiSelectMode: (mode: MultiSelectMode) => void
 
   performMultiSelectAction: (action: BulkAction) => void
+
+  searchTerm: string | undefined
+  applySearchQuery: (searchQuery: string) => void
 }
 
 function MultiSelectControlButtonBox(
@@ -444,15 +451,14 @@ function MultiSelectControlButtonBox(
   )
 }
 
-function SearchControlButtonBox(props: ControlButtonBoxProps): JSX.Element {
+type SearchControlButtonBoxProps = ControlButtonBoxProps
+
+function SearchControlButtonBox(
+  props: SearchControlButtonBoxProps
+): JSX.Element {
   return (
     <>
-      <SearchBox
-        searchTerm=""
-        applySearchQuery={(searchQuery: string) => {
-          console.log('search box: ', searchQuery)
-        }}
-      />
+      <SearchBox {...props} />
       <Button
         style="plainIcon"
         css={{ display: 'flex', marginLeft: 'auto' }}