Redesign library navigation in experimental layout

This commit is contained in:
Bill Thornton
2024-09-16 14:16:34 -04:00
parent dbb0941fef
commit c5da93c30f
26 changed files with 598 additions and 311 deletions
@@ -27,21 +27,17 @@ const getUrlParams = (searchParams: URLSearchParams) => {
return params;
};
interface SearchButtonProps {
isTabsAvailable: boolean;
}
const SearchButton: FC<SearchButtonProps> = ({ isTabsAvailable }) => {
const SearchButton: FC = () => {
const location = useLocation();
const [searchParams] = useSearchParams();
const isSearchPath = location.pathname === '/search';
const createSearchLink = isTabsAvailable ?
const search = createSearchParams(getUrlParams(searchParams));
const createSearchLink =
{
pathname: '/search',
search: `?${createSearchParams(getUrlParams(searchParams))}`
} :
'/search';
search: search ? `?${search}` : undefined
};
return (
<Tooltip title={globalize.translate('Search')}>