diff options
| -rw-r--r-- | components/footer.tsx | 7 |
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>; } |