From 91d36d3826b3f7dcb0bd3a06f220f88593b58ac4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chif=20Gerg=C5=91?= <chifgeri97@gmail.com>
Date: Mon, 4 Feb 2019 21:59:29 +0100
Subject: [PATCH] Add login button to responsive menu
---
src/components/Header.js | 16 ++++++++++++++--
1 file changed, 14 insertions(+), 2 deletions(-)
diff --git a/src/components/Header.js b/src/components/Header.js
index 7bd3a1a..ecf691a 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -108,7 +108,19 @@ class MobileContainer extends Component {
<Container>
<Menu inverted secondary>
<Menu.Item onClick={visible ? this.handleHideClick : this.handleShowClick}><Icon name='sidebar'/></Menu.Item>
- </Menu>
+ <Image size='mini' src={KSZKlogo} style={{ marginRight: '1.5em' }} />
+ <Menu.Item position='right'>
+ {
+ this.props.user.id ?
+ <Button.Group>
+ <Button inverted as={Link} to='/profile'>Profilom</Button>
+ <Button as='a' href='/api/v1/logout/' icon='sign out' />
+ </Button.Group>
+ :
+ <Button as='a' href='/api/v1/login/authsch/' inverted>BejelentkezĂŠs</Button>
+ }
+ </Menu.Item>
+ </Menu>
</Container>
</Segment>
<Sidebar.Pushable>
@@ -124,7 +136,7 @@ class MobileContainer extends Component {
{menuItems.map((item, i) =>
(this.props.user.permission >= item.permissionLevel ||
(item.permissionLevel === 0) ?
- <Menu.Item key={i} as={Link} to={item.to} onClick={this.handleSidebarHide}>{item.prefix}{item.text}</Menu.Item>
+ <Menu.Item key={i} as={Link} to={item.to} onClick={this.handleSidebarHide}>{item.text}</Menu.Item>
:
null))}
</Sidebar>
--
GitLab