import React from 'react' import { useRouter } from 'next/router' import { useEffect, useState } from 'react' import { useDispatch, useSelector } from 'react-redux' import { setStyle } from '../../redux/reducers/styleSlice' import Head from 'next/head' import axios from "axios"; const Activate = (props) => { const dispatch = useDispatch(); const router = useRouter(); const styleState = useSelector(state => state.style); const [activated, setActivated] = useState(false); useEffect(() => { // display loading screen dispatch(setStyle({ ...styleState.style, displayLoadingScreen: true, })); const emailActivationId = props.id; axios.get(`/api/postgre/activate/${emailActivationId}?action=activate_account`).then(res => { if (res.data?.success) { setActivated(true); } dispatch(setStyle({ ...styleState.style, displayLoadingScreen: false, })); }); }, []); function goHome() { router.push('/'); } return ( <>