import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { sendConfirmEmailRequest } from '@lib/redux/actions/auth-actions';
import { Redirect } from 'react-router-dom';
import { FullScreenLoader } from '@components/loader';
import Helmet from '@lib/helmet';


interface SAI {
	email_confirmed?,
	match?,
	status?,
	sendConfirmEmailRequest?
}

const
	SignupActivateComponent = ({ email_confirmed, match, status, sendConfirmEmailRequest }: SAI) => {
		React.useEffect(() => {
			sendConfirmEmailRequest(match.params.token);
		}, []);


		return (
			<>
				<Helmet noRobots />
				{email_confirmed ? <Redirect to='/welcome' /> : null}

				{status?.error
					? (<></>)
					: <FullScreenLoader visible={true} /> }
			</>
		);
	},
	mapStateToProps = state => state,
	mapDispatchToProps = dispatch => bindActionCreators({
		sendConfirmEmailRequest
	}, dispatch),
	SignupActivate = connect(mapStateToProps, mapDispatchToProps)(SignupActivateComponent);

export default SignupActivate;