TasksMenu.jsx

import React from 'react';
import { Link, withRouter } from 'react-router';
import { Navbar, NavBrand, Nav, NavItem } from 'react-bootstrap';

import { LinkContainer } from 'react-router-bootstrap';

import { observer } from 'mobx-react';

const TasksMenu = observer(['auth'], ({
    projectId,
    auth: { logout },
}) => {
     return (
        <Navbar>
            <NavBrand>
                <Link to='/'>Task-tracker</Link>
            </NavBrand>
            <Nav>
                <LinkContainer to={`/projects/${projectId}/tasks`}>
                    <NavItem eventKey={1} >
                        tasks
                    </NavItem>
                </LinkContainer>
                <LinkContainer to={`/projects/${projectId}/tasks/add`}>
                    <NavItem eventKey={2} href='#'>add task</NavItem>
                </LinkContainer>
            </Nav>
            <Nav pullRight>
                <NavItem eventKey={3} onSelect={() => logout()}>logout</NavItem>
            </Nav>
        </Navbar>
    )
});


export default TasksMenu;//withRouter(TasksMenu);