All files / app/hooks use-back-url.ts

0% Statements 0/23
0% Branches 0/3
0% Functions 0/7
0% Lines 0/20

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33                                                                 
import { BackActionContext, BackContext } from '../pages/root';
import { useEffect, useContext, useCallback } from 'react';
import { useHistory } from 'react-router';
 
export function useBackButtonState(): BackContext {
  return useContext(BackActionContext);
}
 
export function useBack(): [any, () => void] {
  const { backUrl } = useBackButtonState();
  const history = useHistory();
 
  const handleOnBack = useCallback(() => {
    Iif (backUrl === null) return;
    Iif (typeof backUrl === 'string') {
      history.push(backUrl);
    }
    Iif (typeof backUrl === 'function') {
      backUrl();
    }
  }, [backUrl, history]);
 
  return [backUrl, handleOnBack];
}
 
export function useBackButton(urlToGoBackTo: string | null | (() => void)) {
  const { setBackUrl } = useBackButtonState();
  useEffect(() => {
    setBackUrl(() => urlToGoBackTo);
    return () => setBackUrl(null);
  }, [setBackUrl, urlToGoBackTo]);
}