From 3b101c24a4c2780ddb51ff6256658a04aa6edc07 Mon Sep 17 00:00:00 2001
From: Damien <damien.armillon@gmail.com>
Date: Sat, 11 May 2019 11:45:47 +0200
Subject: [PATCH] Button Logout added
---
front/src/view/LogoutButton.js | 25 +++++++++++++++++++++++++
front/src/view/mainPage.js | 6 ++++--
2 files changed, 29 insertions(+), 2 deletions(-)
create mode 100644 front/src/view/LogoutButton.js
diff --git a/front/src/view/LogoutButton.js b/front/src/view/LogoutButton.js
new file mode 100644
index 0000000..70ff41d
--- /dev/null
+++ b/front/src/view/LogoutButton.js
@@ -0,0 +1,25 @@
+import React,{Component} from 'react';
+import {Button, Icon} from 'semantic-ui-react';
+import env from '../.env';
+
+
+class LogoutButton extends Component {
+
+ logOut() {
+ localStorage.removeItem("token");
+ window.location=`${env.logOutURL}?redirect_logout=${env.frontURL}`
+ }
+ render() {
+ return <Button
+ style={this.props.style}
+ onClick={this.logOut}
+ color="violet"
+ icon>
+ <Icon name="power" style={{ paddingRight:"2em" }}/>
+ Déconexion
+ </Button>
+ }
+}
+
+
+export default LogoutButton
\ No newline at end of file
diff --git a/front/src/view/mainPage.js b/front/src/view/mainPage.js
index 5204797..f094c3d 100644
--- a/front/src/view/mainPage.js
+++ b/front/src/view/mainPage.js
@@ -1,15 +1,17 @@
import React, {Component} from 'react';
import {Segment} from 'semantic-ui-react';
import ToucanTable from './showToucan/ToucanTable';
-import FormToucan from './FormToucan'
+import FormToucan from './FormToucan';
+import LogoutButton from './LogoutButton';
class MainPage extends Component {
render(){
return (
- <Segment.Group >
+ <Segment.Group >
<Segment padded style={{margin:"3%"}}>
+ <LogoutButton style={{float:"right"}}/>
<h2 style={{textAlign:"center"}}>Rajout de Toucan</h2>
<FormToucan />
</Segment>
--
GitLab