From 7e3d533b55f868fbc319af172c708777bc759866 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 9 Feb 2024 13:33:51 +0800
Subject: [PATCH] Fix header in highlights mode

---
 .../templates/homeFeed/HighlightsLayout.tsx   |  4 +--
 .../templates/homeFeed/HomeFeedContainer.tsx  | 32 ++++++++++---------
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/HighlightsLayout.tsx b/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
index 5120cc8f6..b28a172ca 100644
--- a/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
+++ b/packages/web/components/templates/homeFeed/HighlightsLayout.tsx
@@ -122,7 +122,7 @@ export function HighlightItemsLayout(
       <HStack
         css={{
           width: '100%',
-          height: `calc(100vh - ${headerHeight})`,
+          height: `calc(100vh - ${DEFAULT_HEADER_HEIGHT})`,
           '@lgDown': {
             overflowY: 'scroll',
           },
@@ -153,7 +153,7 @@ export function HighlightItemsLayout(
         >
           <VStack
             css={{
-              minHeight: `calc(100vh - ${headerHeight})`,
+              minHeight: `calc(100vh - ${DEFAULT_HEADER_HEIGHT})`,
               bg: '$thBackground',
             }}
             distribution="start"
diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index 031c449d7..0bf63a5cf 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -962,21 +962,23 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
         width: props.mode == 'highlights' ? '100%' : 'unset',
       }}
     >
-      <LibraryHeader
-        layout={layout}
-        updateLayout={updateLayout}
-        searchTerm={props.searchTerm}
-        applySearchQuery={(searchQuery: string) => {
-          props.applySearchQuery(searchQuery)
-        }}
-        showFilterMenu={showFilterMenu}
-        setShowFilterMenu={setShowFilterMenu}
-        multiSelectMode={props.multiSelectMode}
-        setMultiSelectMode={props.setMultiSelectMode}
-        numItemsSelected={props.numItemsSelected}
-        showAddLinkModal={() => props.setShowAddLinkModal(true)}
-        performMultiSelectAction={props.performMultiSelectAction}
-      />
+      {props.mode != 'highlights' && (
+        <LibraryHeader
+          layout={layout}
+          updateLayout={updateLayout}
+          searchTerm={props.searchTerm}
+          applySearchQuery={(searchQuery: string) => {
+            props.applySearchQuery(searchQuery)
+          }}
+          showFilterMenu={showFilterMenu}
+          setShowFilterMenu={setShowFilterMenu}
+          multiSelectMode={props.multiSelectMode}
+          setMultiSelectMode={props.setMultiSelectMode}
+          numItemsSelected={props.numItemsSelected}
+          performMultiSelectAction={props.performMultiSelectAction}
+        />
+      )}
+
       <HStack css={{ width: '100%', height: '100%' }}>
         <LibraryFilterMenu
           setShowAddLinkModal={props.setShowAddLinkModal}