From 623820f6e37ac1eb5b0fa915846a8e7dc2957e43 Mon Sep 17 00:00:00 2001 From: Jackson Harper Date: Mon, 12 Jun 2023 13:59:09 +0800 Subject: [PATCH] In highlight mode we are going to always show the header --- .../templates/homeFeed/LibraryHeader.tsx | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/packages/web/components/templates/homeFeed/LibraryHeader.tsx b/packages/web/components/templates/homeFeed/LibraryHeader.tsx index 24fe0999b..f922de1c5 100644 --- a/packages/web/components/templates/homeFeed/LibraryHeader.tsx +++ b/packages/web/components/templates/homeFeed/LibraryHeader.tsx @@ -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 (