Untitled
raw download clone
TEXT
views 20
,
size 2172 b
import React, { useState } from "react";
import {
  Nav,
  Navbar,
  NavbarBrand,
  Media,
  Container,
  Collapse,
  DropdownToggle,
  DropdownMenu,
  NavLink,
  DropdownItem,
  UncontrolledDropdown,
} from "reactstrap";

const AppNavbar = () => {
  return (
    <div>
      <Container fluid>
        <Navbar light expand="md">
          <Media
            className="img-brand"
            src="/images/dans-logo.jpg"
            alt="dans logo"
          />
          <NavbarBrand className="name-brand"> DAnS Multi Pro</NavbarBrand>
          <Collapse navbar>
            <Nav className="ml-auto" navbar>
                <div className="photo">
              <UncontrolledDropdown nav>
                  <DropdownToggle
                    caret
                    color="default"
                    nav
                    onClick={(e) => e.preventDefault()}
                  >
                    <img alt="..." src="/images/admin.jpg" />
                    <b className="caret d-none d-lg-block d-xl-block" />
                    <p className="d-lg-none">Log out</p>
                  </DropdownToggle>
                  <DropdownMenu className="dropdown-navbar" right tag="ul">
                    <NavLink tag="li">
                      <DropdownItem className="nav-item">Profile</DropdownItem>
                    </NavLink>
                    <NavLink tag="li">
                      <DropdownItem className="nav-item">Settings</DropdownItem>
                    </NavLink>
                    <DropdownItem divider tag="li" />
                    <NavLink tag="li">
                      <DropdownItem className="nav-item">Log out</DropdownItem>
                    </NavLink>
                  </DropdownMenu>
              </UncontrolledDropdown>
                </div>
              <li className="separator d-lg-none" />
            </Nav>
          </Collapse>
          {/* <Nav className="ml-auto">
          <Media className="img-brand" src="/images/admin.jpg" alt="admin" />
        </Nav> */}
        </Navbar>
      </Container>
    </div>
  );
};

export default AppNavbar;
close fullscreen
Login or Register to edit or fork this paste. It's free.