[#140654507] #12 Styling Top Mnu

assets/css/custom.css

@@ -75,6 +75,7 @@ font-family: 'Bungee Inline';
 
 }
 
+
 .formLogin img{
 height: 70px !important;
 margin:5px;

assets/js/components/TopMenu.jsx

@@ -6,12 +6,10 @@ import Server from '../lib/Server';
 import Storage from '../lib/Storage';
 
 export default class TopMenu extends React.Component {
-<<<<<<< HEAD
+
   state = { activeItem: 'home' };
-    handleItemClick = (e, { name }) => this.setState({ activeItem: name })
-  render() {
-    const { activeItem } = this.state;
-=======
+    handleItemClick = (e, { name }) => this.setState({ activeItem: name });
+
   constructor(props) {
     super(props);
     /* istanbul ignore next */
@@ -24,15 +22,15 @@ export default class TopMenu extends React.Component {
       browserHistory.push('/login');
     });
   };
->>>>>>> 83ea6c3d4376e9644af1ae3104de3d496ee20b98
 
   render() {
+    const { activeItem } = this.state;
     return (
       <Menu color="blue" pointing secondary>
         <Image as="a" size="small" src="/assets/img/logo.png" href="/" />
         <Menu.Menu position="right">
-          <Menu.Item as={Link} to="/lowongan" name="home" onClick={this.handleItemClick} />
-          <Menu.Item as={Link} to="/profile" name="profil" onClick={this.handleItemClick} />
+          <Menu.Item as={Link} to="/lowongan" name="home" active={activeItem === 'home'} onClick={this.handleItemClick} />
+          <Menu.Item as={Link} to="/profile" name="profil" active={activeItem === 'profil'} onClick={this.handleItemClick} />
           <Menu.Item as={Link} onClick={this.logout} name="logout" />
         </Menu.Menu>
       </Menu>