Create Navbar

[GregStephen]

User Story

As a user, when not logged in I should see a navbar with just PoopScoop on the right and a Log in/Sign up button on the top right. When logged the button should change to a button that says user with a dropdown menu

AC

WHEN the user loads the page IF the user is logged in THEN there should be 'PoopScoop' on the left AND a button on the right that says User WITH a dropdown button containing their name and a link to `Account Settings' ELSE there should be 'PoopScoop' on the left AND a button that says 'Log In/Sign Up' on the right

Development

• Create a MyNavbar component
• Import React from 'react', { NavLink as RRNavLink } from 'react-router-dom', firebase from 'firebase/app' and 'firebase/auth' as well as PropTypes, whatever is needed from 'reactstrap' and './MyNavbar.scss'
• Create a state of 'isOpen: false'
• Create the toggle function from ReactStrap that is in this issues comment.
• In the return in the div MyNavbar include the ReactStrap but in the include a tag={RRNavLink} to '/home'> inside of the call a function buildNavbar.
• Create the function `buildNavbar in the render where it checks if (authed) and if so it builds out the Navbar with a dropdown button. See comment on reactstrap dropdown button.
• If not authed then display <Nav className="ml-auto" navbar><NavItem><NavLink onClick={this.logIn}>Log In/ Sign Up</NavLink></NavItem></Nav>
• Create a logMeOut function that runs the firebase.auth().signOut();

[GregStephen]

Navbar dropdown https://reactstrap.github.io/components/navbar/

            <UncontrolledDropdown nav inNavbar>
                <DropdownToggle nav caret>
                  User
                </DropdownToggle>
                <DropdownMenu right>
                  <DropdownItem header>
                     User Name
                  </DropdownItem>
                  <DropdownItem divider />
                  <DropdownItem>
                    Account Settings
                  </DropdownItem>
                </DropdownMenu>
              </UncontrolledDropdown>