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