Files
umami/src/components/hooks/useNavigation.ts

25 lines
933 B
TypeScript

import { usePathname, useRouter, useSearchParams } from 'next/navigation';
import { buildUrl } from '@/lib/url';
export function useNavigation() {
const router = useRouter();
const pathname = usePathname();
const searchParams = useSearchParams();
const [, teamId] = pathname.match(/\/teams\/([a-f0-9-]+)/) || [];
const [, websiteId] = pathname.match(/\/websites\/([a-f0-9-]+)/) || [];
const query = Object.fromEntries(searchParams);
const updateParams = (params?: { [key: string]: string | number }) => {
return !params ? pathname : buildUrl(pathname, { ...query, ...params });
};
const renderUrl = (path: string, params?: { [key: string]: string | number } | false) => {
return buildUrl(
teamId ? `/teams/${teamId}${path}` : path,
params === false ? {} : { ...query, ...params },
);
};
return { router, pathname, searchParams, query, teamId, websiteId, updateParams, renderUrl };
}