hide profile section from footer when not logged in

1 files changed, 5 insertions, 2 deletions

diff --git a/components/footer.tsx b/components/footer.tsx
index f39946c..af79154 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import Logo from '../components/logo';
+import * as cookie from 'react-cookies';
 
 import ExitToAppOutlinedIcon from '@material-ui/icons/ExitToAppOutlined';
 import ExtensionIcon from '@material-ui/icons/Extension';
@@ -23,6 +24,8 @@ function PageLink(props: {
 }
 
 export function Footer() {
+	var loggedIn = !!cookie.load("token");
+
 	return <div className='footer'>
 		<div className='header'>
 			<Logo />
@@ -39,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>
-			<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>;
 }