mirror of
https://github.com/SomboChea/ui
synced 2024-04-28 07:31:36 +07:00
61 lines
1.0 KiB
TypeScript
61 lines
1.0 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 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;
|