TopMenu.jsx

import React from 'react';
import { Menu, Image } from 'semantic-ui-react';
import { Link, browserHistory } from 'react-router';

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;
=======
  constructor(props) {
    super(props);
    /* istanbul ignore next */
    this.logout = this.logout.bind(this);
  }

  logout = () => {
    Server.get('/api-auth/logout/?next=/', true).then(() => {
      Storage.clear();
      browserHistory.push('/login');
    });
  };
>>>>>>> 83ea6c3d4376e9644af1ae3104de3d496ee20b98

  render() {
    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} onClick={this.logout} name="logout" />
        </Menu.Menu>
      </Menu>
    );
  }
}