From ad36fac905b0e58d876f9a05e2f8ce7bfcb8fb46 Mon Sep 17 00:00:00 2001
From: Max Schmitt <max@schmitt.mx>
Date: Mon, 6 Nov 2017 16:47:36 +0100
Subject: [PATCH] added logout functionality

---
 static/src/Home/App.test.js |  8 --------
 static/src/index.js         | 19 +++++++++----------
 2 files changed, 9 insertions(+), 18 deletions(-)
 delete mode 100644 static/src/Home/App.test.js

diff --git a/static/src/Home/App.test.js b/static/src/Home/App.test.js
deleted file mode 100644
index b84af98..0000000
--- a/static/src/Home/App.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-});
diff --git a/static/src/index.js b/static/src/index.js
index 5c5758f..bc016d6 100644
--- a/static/src/index.js
+++ b/static/src/index.js
@@ -1,20 +1,14 @@
 import registerServiceWorker from './registerServiceWorker';
 import React, { Component } from 'react'
 import ReactDOM from 'react-dom';
-import {
-    HashRouter,
-    Route,
-    Link
-} from 'react-router-dom'
+import { HashRouter, Route, Link } from 'react-router-dom'
 import { Menu, Container, Modal, Button, Image } from 'semantic-ui-react'
+import 'semantic-ui-css/semantic.min.css';
 
 import About from './About/About'
 import Home from './Home/Home'
 
-import 'semantic-ui-css/semantic.min.css';
-
 export default class BaseComponent extends Component {
-
     state = {
         open: true,
         userData: {},
@@ -73,6 +67,11 @@ export default class BaseComponent extends Component {
         window.open('/api/v1/login', '', `width=${wwidth}, height=${wHeight}, top=${wTop}, left=${wLeft}`)
     }
 
+    handleLogout = () => {
+        window.localStorage.removeItem("token")
+        this.setState({ authorized: false })
+    }
+
     render() {
         const { open, authorized, activeItem, userData } = this.state
         if (!authorized) {
@@ -95,7 +94,7 @@ export default class BaseComponent extends Component {
         }
         return (
             <HashRouter>
-                <Container style={{ "margin-top": "15px" }}>
+                <Container style={{ marginTop: "15px" }}>
                     <Menu stackable>
                         <Menu.Item as={Link} to="/" name='shorten' onClick={this.handleItemClick} >
                             <Image src={userData.Picture} alt='user profile' circular size='mini' />
@@ -107,7 +106,7 @@ export default class BaseComponent extends Component {
                             About
                         </Menu.Item>
                         <Menu.Menu position='right'>
-                            <Menu.Item name='logout' active={activeItem === 'logout'} onClick={this.handleItemClick} />
+                            <Menu.Item onClick={this.handleLogout}>Logout</Menu.Item>
                         </Menu.Menu>
                     </Menu>
                     <Route exact path="/" component={Home} />