public-navigation.js

// ./imports/ui/components/public-navigation.js

import React from 'react';
import { LinkContainer, IndexLinkContainer } from 'react-router-bootstrap';
import { Nav, NavItem } from 'react-bootstrap';

export const PublicNavigation = () => (
  <div>
    {/*Add a 'Plans' link*/}
    <Nav>
      <IndexLinkContainer to="/plans">
        <NavItem eventKey={ 3 } href="/plans">Plans</NavItem>
      </IndexLinkContainer>
    </Nav>
    {/*------------------*/}
    <Nav pullRight>
      <LinkContainer to="signup">
        <NavItem eventKey={ 1 } href="/signup">Sign Up</NavItem>
      </LinkContainer>
      <LinkContainer to="login">
        <NavItem eventKey={ 2 } href="/login">Log In</NavItem>
      </LinkContainer>
    </Nav>
  </div>
);