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

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
Show stats 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 (