diff --git a/packages/web/src/pages/search-page-v2/SearchHeader.tsx b/packages/web/src/pages/search-page-v2/SearchHeader.tsx index 18668957115..efbc03270b4 100644 --- a/packages/web/src/pages/search-page-v2/SearchHeader.tsx +++ b/packages/web/src/pages/search-page-v2/SearchHeader.tsx @@ -13,7 +13,6 @@ import { } from '@audius/harmony' import { CSSObject, useTheme } from '@emotion/react' import { capitalize } from 'lodash' -import { useSearchParams } from 'react-router-dom-v5-compat' import Header from 'components/header/desktop/Header' import { useMedia } from 'hooks/useMedia' @@ -46,7 +45,6 @@ type SearchHeaderProps = { export const SearchHeader = (props: SearchHeaderProps) => { const { category: categoryKey = 'all', setCategory, query, title } = props - const [urlSearchParams] = useSearchParams() const { isMobile } = useMedia() const { color } = useTheme() @@ -74,11 +72,6 @@ export const SearchHeader = (props: SearchHeaderProps) => { ) const filterKeys: string[] = categories[categoryKey].filters - const activeFilterKeys = filterKeys.filter((key) => urlSearchParams.get(key)) - const inactiveFilterKeys = filterKeys.filter( - (key) => !urlSearchParams.get(key) - ) - const sortedFilterKeys = [...activeFilterKeys, ...inactiveFilterKeys] const categoryRadioGroup = ( { } bottomBar={ - {sortedFilterKeys.map((filterKey) => { + {filterKeys.map((filterKey) => { const FilterComponent = filters[filterKey] return })}