forked from sombochea/verdaccio-ui
62 lines
1.1 KiB
TypeScript
62 lines
1.1 KiB
TypeScript
|
import React, { useState, useEffect } from 'react';
|
||
|
|
||
|
import { FormError } from '../components/Login/Login';
|
||
|
|
||
|
import AppContext, { AppProps, User } from './AppContext';
|
||
|
|
||
|
interface Props {
|
||
|
packages: any[];
|
||
|
user?: User;
|
||
|
}
|
||
|
|
||
|
/* eslint-disable @typescript-eslint/explicit-function-return-type */
|
||
|
/* eslint-disable react-hooks/exhaustive-deps */
|
||
|
const AppContextProvider: React.FC<Props> = ({ children, packages, user }) => {
|
||
|
const [state, setState] = useState<AppProps>({
|
||
|
scope: window.VERDACCIO_SCOPE || '',
|
||
|
packages,
|
||
|
user,
|
||
|
});
|
||
|
|
||
|
useEffect(() => {
|
||
|
setState({
|
||
|
...state,
|
||
|
user,
|
||
|
});
|
||
|
}, [user]);
|
||
|
|
||
|
useEffect(() => {
|
||
|
setState({
|
||
|
...state,
|
||
|
packages,
|
||
|
});
|
||
|
}, [packages]);
|
||
|
|
||
|
const setUser = (user?: User) => {
|
||
|
setState({
|
||
|
...state,
|
||
|
user,
|
||
|
});
|
||
|
};
|
||
|
|
||
|
const setError = (error?: FormError) => {
|
||
|
setState({
|
||
|
...state,
|
||
|
error,
|
||
|
});
|
||
|
};
|
||
|
|
||
|
return (
|
||
|
<AppContext.Provider
|
||
|
value={{
|
||
|
...state,
|
||
|
setUser,
|
||
|
setError,
|
||
|
}}>
|
||
|
{children}
|
||
|
</AppContext.Provider>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default AppContextProvider;
|