forked from sombochea/verdaccio-ui
42d3bb8508
* refactor: convert class to func * refactor: changed login form logic * refactor: conver to testing-library tests * refactor: moved dependency * refactor: replaced uglifyjs-webpack-plugin by terser-webpack-plugin * fix: fixed e2e errors * fix: fixed e2e test * Delete settings.json * fix: vscode settings rollback * refactor: rollback webpack config * refactor: updated eslint rule * fix: removed --fix * refactor: incresed the bundle size
51 lines
876 B
TypeScript
51 lines
876 B
TypeScript
import React, { useState, useEffect } from 'react';
|
|
|
|
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,
|
|
});
|
|
};
|
|
|
|
return (
|
|
<AppContext.Provider
|
|
value={{
|
|
...state,
|
|
setUser,
|
|
}}>
|
|
{children}
|
|
</AppContext.Provider>
|
|
);
|
|
};
|
|
|
|
export default AppContextProvider;
|