From 28a8cf57f63aa7b970eaa08a5e03d0472e194086 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Barnab=C3=A1s=20Cz=C3=A9m=C3=A1n?= <trabarni@gmail.com>
Date: Tue, 6 Feb 2018 23:56:40 +0100
Subject: [PATCH] Change menu items rendering
---
src/components/Header.js | 49 ++++++++++++++++++++++++++--------------
1 file changed, 32 insertions(+), 17 deletions(-)
diff --git a/src/components/Header.js b/src/components/Header.js
index 17b63c7..120c326 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -12,14 +12,34 @@ import { connect } from 'react-redux';
import { getUserData } from '../actions';
import KSZKlogo from './images/kszk_logo.svg';
+
+const menuItems = [
+ {
+ text: 'Főoldal',
+ to: '/home',
+ prefix: <Image size='mini' src={KSZKlogo} style={{ marginRight: '1.5em' }} />,
+ },
+ {
+ text: 'Hírek',
+ to: '/news',
+ prefix: '',
+ },
+ {
+ text: 'Köreink',
+ to: '/groups',
+ prefix: '',
+ },
+ {
+ text: 'Ütemterv',
+ to: '/schedule',
+ prefix: '',
+ },
+]
+
const FixedMenu = ({ user }) => (
<Menu fixed='top' size='large' pointing>
<Container>
- <Menu.Item as={Link} to='/home'>Főoldal</Menu.Item>
- <Menu.Item as={Link} to='/news'>Hírek</Menu.Item>
- <Menu.Item as={Link} to='/groups'>Köreink</Menu.Item>
- {/* <Menu.Item as={Link} to='/trainers'>Képzők</Menu.Item> */}
- <Menu.Item as={Link} to='/schedule'>Ütemterv</Menu.Item>
+ {menuItems.map( (item, i) => <Menu.Item key={i} as={Link} to={item.to}>{item.text}</Menu.Item>)}
<Menu.Menu position='right'>
<Menu.Item className='item'>
@@ -71,18 +91,12 @@ class Header extends Component {
<Segment inverted textAlign='center' vertical>
<Container>
<Menu inverted secondary size='large'>
- <Menu.Item as={Link} to='/home'>
- <Image
- size='mini'
- src={KSZKlogo}
- style={{ marginRight: '1.5em' }}
- />
- Főoldal
- </Menu.Item>
- <Menu.Item as={Link} to='/news'>Hírek</Menu.Item>
- <Menu.Item as={Link} to='/groups'>Köreink</Menu.Item>
- {/* <Menu.Item as={Link} to='/trainers'>Képzők</Menu.Item> */}
- <Menu.Item as={Link} to='/schedule'>Ütemterv</Menu.Item>
+
+ {menuItems.map(
+ (item, i) => (
+ <Menu.Item key={i} as={Link} to={item.to}>{item.prefix}{item.text}</Menu.Item>
+ )
+ )}
<Menu.Item position='right'>
{
@@ -95,6 +109,7 @@ class Header extends Component {
<Button as='a' href='/api/v1/login/authsch/' inverted>Bejelentkezés</Button>
}
</Menu.Item>
+
</Menu>
</Container>
</Segment>
--
GitLab