redirect login/register when logged in + dprint fmt

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 (