19 lines
578 B
TypeScript
19 lines
578 B
TypeScript
|
import { useEffect } from 'react';
|
||
|
|
import { useSetAtom } from 'jotai';
|
||
|
|
import { useLocation } from 'react-router-dom';
|
||
|
|
import { useNavToActivePathAtom } from '../state/hooks/navToActivePath';
|
||
|
|
|
||
|
|
export const useNavToActivePathMapper = (navId: string) => {
|
||
|
|
const location = useLocation();
|
||
|
|
const setNavToActivePath = useSetAtom(useNavToActivePathAtom());
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const { pathname, search, hash } = location;
|
||
|
|
setNavToActivePath({
|
||
|
|
type: 'PUT',
|
||
|
|
navId,
|
||
|
|
path: { pathname, search, hash },
|
||
|
|
});
|
||
|
|
}, [location, setNavToActivePath, navId]);
|
||
|
|
};
|