added logout button in settings

1 files changed, 17 insertions, 0 deletions

diff --git a/pages/settings.tsx b/pages/settings.tsx
index 0519b27..96c6a2f 100644
--- a/pages/settings.tsx
+++ b/pages/settings.tsx
@@ -1,4 +1,5 @@
 import { CSSProperties } from 'react';
+import * as cookies from 'react-cookies';
 
 import { NavBar } from '../components/navbar';
 import { CenteredPage, PageTitle } from '../components/page';
@@ -8,6 +9,7 @@ import { CurrentGameSettings } from '../components/gameSettings';
 
 import EditOutlinedIcon from '@material-ui/icons/EditOutlined';
 import VisibilityOutlinedIcon from '@material-ui/icons/VisibilityOutlined';
+import ExitToAppOutlinedIcon from '@material-ui/icons/ExitToAppOutlined';
 
 var SettingsSubsectionStyle: CSSProperties = {
 	marginTop: 24,
@@ -69,6 +71,21 @@ export default function SettingsPage() {
 						<CurrentGameSettings/>
 					</div>
 				</Vierkant>
+				<Vierkant fullwidth>
+					<h2>Uitloggen</h2>
+					<div style={{
+						width: "100%",
+						textAlign: "center"
+					}}>
+						<IconLabelButton icon={<ExitToAppOutlinedIcon/>} text="Uitloggen" style={{
+							float: "none",
+							marginLeft: 0
+						}} onclick={() => {
+							cookies.remove("token")
+							window.location.pathname = "/";
+						}}/>
+					</div>
+				</Vierkant>
 			</CenteredPage>
 		</div>
 	);