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

In highlight mode we are going to always show the header

Browse Source
This commit is contained in:
Jackson Harper
2023-06-12 13:59:09 +08:00
parent 5ee02a1b38
commit 623820f6e3
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,6 +40,8 @@ type LibraryHeaderProps = {
searchTerm: string | undefined
applySearchQuery: (searchQuery: string) => void
alwaysShowHeader: boolean
showFilterMenu: boolean
setShowFilterMenu: (show: boolean) => void
@ -56,11 +58,17 @@ export function LibraryHeader(props: LibraryHeaderProps): JSX.Element {
const [showBackground, setShowBackground] = useState(false)
useEffect(() => {
setShowBackground(window.scrollY > 5 || props.multiSelectMode !== 'off')
}, [props.multiSelectMode])
if (!props.alwaysShowHeader) {
setShowBackground(window.scrollY > 5 || props.multiSelectMode !== 'off')
} else {
setShowBackground(true)
}
}, [props.multiSelectMode, props.alwaysShowHeader])
useScrollWatcher((changeset: ScrollOffsetChangeset) => {
setShowBackground(window.scrollY > 5 || props.multiSelectMode !== 'off')
if (!props.alwaysShowHeader) {
setShowBackground(window.scrollY > 5 || props.multiSelectMode !== 'off')
}
}, 0)
return (