30 lines
933 B
JavaScript
30 lines
933 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { LinkContainer } from 'react-router-bootstrap';
|
|
import { Nav, NavItem, NavDropdown, MenuItem } from 'react-bootstrap';
|
|
import { Meteor } from 'meteor/meteor';
|
|
|
|
const AuthenticatedNavigation = ({ name }) => (
|
|
<div>
|
|
<Nav>
|
|
<LinkContainer to="/documents">
|
|
<NavItem eventKey={1} href="/documents">Documents</NavItem>
|
|
</LinkContainer>
|
|
</Nav>
|
|
<Nav pullRight>
|
|
<NavDropdown eventKey={2} title={name} id="user-nav-dropdown">
|
|
<LinkContainer to="/profile">
|
|
<NavItem eventKey={2.1} href="/profile">Profile</NavItem>
|
|
</LinkContainer>
|
|
<MenuItem divider />
|
|
<MenuItem eventKey={2.2} onClick={() => Meteor.logout()}>Logout</MenuItem>
|
|
</NavDropdown>
|
|
</Nav>
|
|
</div>
|
|
);
|
|
|
|
AuthenticatedNavigation.propTypes = {
|
|
name: PropTypes.string.isRequired,
|
|
};
|
|
|
|
export default AuthenticatedNavigation;
|