2020-09-26 07:31:18 +02:00
|
|
|
import { useMemo } from 'react';
|
2023-09-29 14:29:22 +02:00
|
|
|
import { usePathname, useRouter, useSearchParams } from 'next/navigation';
|
2022-09-05 21:04:30 +02:00
|
|
|
import { buildUrl } from 'next-basics';
|
2020-09-26 07:31:18 +02:00
|
|
|
|
2023-10-03 18:45:02 +02:00
|
|
|
export function useNavigation() {
|
2020-09-26 07:31:18 +02:00
|
|
|
const router = useRouter();
|
2023-09-29 14:29:22 +02:00
|
|
|
const pathname = usePathname();
|
|
|
|
const params = useSearchParams();
|
2020-09-26 07:31:18 +02:00
|
|
|
|
|
|
|
const query = useMemo(() => {
|
2023-09-29 14:29:22 +02:00
|
|
|
const obj = {};
|
2020-09-26 07:31:18 +02:00
|
|
|
|
2023-09-29 14:29:22 +02:00
|
|
|
for (const [key, value] of params.entries()) {
|
2020-09-26 07:31:18 +02:00
|
|
|
obj[key] = decodeURIComponent(value);
|
2023-09-29 14:29:22 +02:00
|
|
|
}
|
2020-09-26 07:31:18 +02:00
|
|
|
|
2023-09-29 14:29:22 +02:00
|
|
|
return obj;
|
|
|
|
}, [params]);
|
2020-09-26 07:31:18 +02:00
|
|
|
|
2023-11-14 06:58:23 +01:00
|
|
|
function makeUrl(params: any, reset?: boolean) {
|
2023-10-03 18:45:02 +02:00
|
|
|
return reset ? pathname : buildUrl(pathname, { ...query, ...params });
|
2020-09-26 07:31:18 +02:00
|
|
|
}
|
|
|
|
|
2023-10-03 18:45:02 +02:00
|
|
|
return { pathname, query, router, makeUrl };
|
2020-09-26 07:31:18 +02:00
|
|
|
}
|
2023-05-18 08:20:06 +02:00
|
|
|
|
2023-10-03 18:45:02 +02:00
|
|
|
export default useNavigation;
|