prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
Show stats 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' }}