diff --git a/packages/web/components/templates/homeFeed/LibraryHeader.tsx b/packages/web/components/templates/homeFeed/LibraryHeader.tsx index 3d444209f..ec6decb0e 100644 --- a/packages/web/components/templates/homeFeed/LibraryHeader.tsx +++ b/packages/web/components/templates/homeFeed/LibraryHeader.tsx @@ -36,7 +36,6 @@ import { HeaderCheckboxIcon } from '../../elements/icons/HeaderCheckboxIcon' import { HeaderSearchIcon } from '../../elements/icons/HeaderSearchIcon' import { HeaderToggleGridIcon } from '../../elements/icons/HeaderToggleGridIcon' import { HeaderToggleListIcon } from '../../elements/icons/HeaderToggleListIcon' -import useWindowDimensions from '../../../lib/hooks/useGetWindowDimensions' export type MultiSelectMode = 'off' | 'none' | 'some' | 'visible' | 'search' @@ -124,7 +123,6 @@ export function LibraryHeader(props: LibraryHeaderProps): JSX.Element { } function LargeHeaderLayout(props: LibraryHeaderProps): JSX.Element { - const dimensions = useWindowDimensions() const [showSearchBar, setShowSearchBar] = useState(false) const [pinnedSearches, setPinnedSearches] = usePersistedState< PinnedSearch[] | null @@ -134,10 +132,6 @@ function LargeHeaderLayout(props: LibraryHeaderProps): JSX.Element { isSessionStorage: false, }) - const isWideWindow = useMemo(() => { - return dimensions.width >= 480 - }, [dimensions]) - return ( ) : ( <> - {(!showSearchBar || isWideWindow) && ( - <> - - - - - - )} + + + + {showSearchBar ? (