diff options
| -rw-r--r-- | components/footer.tsx | 8 | ||||
| -rw-r--r-- | pages/login.tsx | 8 | ||||
| -rw-r--r-- | pages/register.tsx | 8 | 
3 files changed, 18 insertions, 6 deletions
| diff --git a/components/footer.tsx b/components/footer.tsx index af79154..8a1319e 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -1,6 +1,6 @@  import { ReactNode } from 'react'; -import Logo from '../components/logo';  import * as cookie from 'react-cookies'; +import Logo from '../components/logo';  import ExitToAppOutlinedIcon from '@material-ui/icons/ExitToAppOutlined';  import ExtensionIcon from '@material-ui/icons/Extension'; @@ -24,7 +24,7 @@ function PageLink(props: {  }  export function Footer() { -	var loggedIn = !!cookie.load("token"); +	var loggedIn = !!cookie.load('token');  	return <div className='footer'>  		<div className='header'> @@ -42,11 +42,11 @@ export function Footer() {  				<PageLink icon={<LockIcon />} href='/privacy' children='Privacy' />  				<PageLink icon={<GitHubIcon />} href='https://github.com/lonkaars/connect-4' children='Broncode' />  			</div> -			{ loggedIn && <div className='column'> +			{loggedIn && <div className='column'>  				<PageLink icon={<SettingsIcon />} href='/settings' children='Instellingen' />  				<PageLink icon={<PersonIcon />} href='/user' children='Profiel' />  				<PageLink icon={<ExitToAppOutlinedIcon />} href='/logout' children='Uitloggen' /> -				</div> } +			</div>}  		</div>  	</div>;  } diff --git a/pages/login.tsx b/pages/login.tsx index da13f45..ef897e7 100644 --- a/pages/login.tsx +++ b/pages/login.tsx @@ -1,5 +1,6 @@  import axios from 'axios'; -import { FormEvent, useContext } from 'react'; +import { FormEvent, useContext, useEffect } from 'react'; +import * as cookie from 'react-cookies';  import { NavBar } from '../components/navbar';  import { CenteredPage } from '../components/page'; @@ -43,6 +44,11 @@ function submitLogin(event?: FormEvent<HTMLFormElement>, toast?: toastType) {  }  export default function LoginPage() { +	useEffect(() => { +		var loggedIn = !!cookie.load('token'); +		if (loggedIn) window.location.href = '/'; +	}, []); +  	var { toast } = useContext(ToastContext);  	return ( diff --git a/pages/register.tsx b/pages/register.tsx index bc2fc0f..d74ecb0 100644 --- a/pages/register.tsx +++ b/pages/register.tsx @@ -1,6 +1,7 @@  import axios from 'axios';  import { validate as validateEmail } from 'email-validator'; -import { FormEvent, useContext } from 'react'; +import { FormEvent, useContext, useEffect } from 'react'; +import * as cookie from 'react-cookies';  import { NavBar } from '../components/navbar';  import { CenteredPage } from '../components/page'; @@ -83,6 +84,11 @@ function submitRegister(event?: FormEvent<HTMLFormElement>, toast?: toastType) {  }  export default function RegisterPage() { +	useEffect(() => { +		var loggedIn = !!cookie.load('token'); +		if (loggedIn) window.location.href = '/'; +	}, []); +  	var { toast } = useContext(ToastContext);  	return ( |