import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import GlobalLogin from '@components/global/global-login';
import { fetchAuthUser } from '@lib/redux/actions/auth-actions';
import { isAuthenticated } from '@services/auth';


interface IGH {
	fetchAuthUser?,
	userState
}


const
	GlobalHelpersComponent = ({ fetchAuthUser, userState }: IGH) => {
		React.useEffect(() => {
			if(isAuthenticated())
				fetchAuthUser();
		}, []);

		return (<>
			<GlobalLogin />
		</>);
	},
	mapStateToProps = state => state,
	mapDispatchToProps = dispatch => bindActionCreators({
		fetchAuthUser
	}, dispatch),
	GlobalHelpers = connect(mapStateToProps, mapDispatchToProps)(GlobalHelpersComponent);

export default GlobalHelpers;