import React, { Component, PropTypes } from 'react';
import { Nav, NavDropdown, MenuItem } from 'react-bootstrap';

export default class UserDropdown extends Component {
    static propTypes = {
        logout: PropTypes.func.isRequired,
        userName: PropTypes.string.isRequired,
    };

    handleLogout = (e) => {
        e.preventDefault();

        this.props.logout();
    }

    render() {
        const { userName } = this.props;

        const title = (<span>Hi {userName}</span>);

        return (
            <Nav pullRight>
                <NavDropdown title={title} id="user-dropdown">
                    <MenuItem onClick={this.handleLogout}>Log Out</MenuItem>
                </NavDropdown>
            </Nav>
        );
    }
}

@@ -107,16 +107,72 @@
 tstrap';
+%0Aimport %7B LinkContainer %7D from 'react-router-bootstrap';
 %0A%0Aexport
@@ -653,16 +653,151 @@
 pdown%22%3E%0A
+                    %3CLinkContainer to=%22/me%22%3E%0A                        %3CMenuItem%3EProfile%3C/MenuItem%3E%0A                    %3C/LinkContainer%3E%0A
         

add link to Profile