All files / src/Context ScreenContext.tsx

100% Statements 12/12
50% Branches 1/2
66.66% Functions 2/3
100% Lines 9/9

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 34 35 36 379x 9x                         13x       5x     9x 7x 7x         7x             218x  
import React, { useState } from 'react';
import { useAddCompanyContext } from './AddCompanyContext';
 
export type Screens = 'SearchDirectory' | 'SearchPCN' | 'ManuallyAdd';
 
interface ScreenContextProviderProps {
  children: React.ReactNode;
}
 
interface ScreenContextShape {
  currentScreen: Screens;
  previousScreen: Screens | undefined;
}
 
export const ScreenContext = React.createContext<
  [ScreenContextShape, React.Dispatch<React.SetStateAction<ScreenContextShape>>]
>([{ currentScreen: 'SearchDirectory', previousScreen: undefined }, () => {}]);
 
export function ScreenContextProvider(
  props: Readonly<ScreenContextProviderProps>
) {
  const { projectId } = useAddCompanyContext();
  const defaultScreen = projectId ? 'SearchDirectory' : 'SearchPCN';
  const [currentScreen, setCurrentScreen] = useState<ScreenContextShape>({
    currentScreen: defaultScreen,
    previousScreen: undefined,
  });
 
  return (
    <ScreenContext.Provider value={[currentScreen, setCurrentScreen]}>
      {props.children}
    </ScreenContext.Provider>
  );
}
 
export const useScreenContext = () => React.useContext(ScreenContext);