Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pass search params in header

Browse Source
This commit is contained in:
Jackson Harper
2023-06-09 17:47:43 +08:00
parent 86d961481c
commit 8554a0cdd2
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/web/components/templates/homeFeed/LibraryHeader.tsx
View File

@ -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' }}