41 lines
1,005 B
TypeScript
41 lines
1,005 B
TypeScript
|
import React from "react";
|
||
|
|
import useRouter from "use-react-router";
|
||
|
|
|
||
|
|
import appStateReducer, { AppStateReducerAction } from "./reducer";
|
||
|
|
import IAppState, { initialAppState } from "./state";
|
||
|
|
|
||
|
|
export type AppStateContextType = [
|
||
|
|
IAppState,
|
||
|
|
React.Dispatch<AppStateReducerAction>
|
||
|
|
];
|
||
|
|
export const AppStateContext = React.createContext<AppStateContextType>([
|
||
|
|
initialAppState,
|
||
|
|
() => undefined
|
||
|
|
]);
|
||
|
|
const AppStateProvider: React.FC = ({ children }) => {
|
||
|
|
const { location } = useRouter();
|
||
|
|
const stateAndDispatch = React.useReducer(appStateReducer, initialAppState);
|
||
|
|
const [state, dispatch] = stateAndDispatch;
|
||
|
|
|
||
|
|
React.useEffect(() => {
|
||
|
|
if (!!state.error) {
|
||
|
|
dispatch({
|
||
|
|
payload: {
|
||
|
|
error: null
|
||
|
|
},
|
||
|
|
type: "displayError"
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, [location]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<AppStateContext.Provider value={stateAndDispatch}>
|
||
|
|
{children}
|
||
|
|
</AppStateContext.Provider>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export const { Consumer } = AppStateContext;
|
||
|
|
|
||
|
|
export default AppStateProvider;
|