54 lines
1.7 KiB
JavaScript
Executable File
54 lines
1.7 KiB
JavaScript
Executable File
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import {
|
|
Navbar,
|
|
Nav,
|
|
NavItem,
|
|
SidebarTrigger
|
|
} from './../../components';
|
|
|
|
import { NavbarActivityFeed } from './NavbarActivityFeed';
|
|
import { NavbarMessages } from './NavbarMessages';
|
|
import { NavbarUser } from './NavbarUser';
|
|
import { LogoThemed } from './../../routes/components/LogoThemed/LogoThemed';
|
|
|
|
export const DefaultNavbar = () => (
|
|
<Navbar light expand="xs" fluid>
|
|
<Nav navbar>
|
|
<NavItem className="mr-3">
|
|
<SidebarTrigger/>
|
|
</NavItem>
|
|
<NavItem className="navbar-brand d-lg-none">
|
|
<Link to="/">
|
|
<LogoThemed />
|
|
</Link>
|
|
</NavItem>
|
|
<NavItem className="d-none d-md-block">
|
|
<span className="navbar-text">
|
|
<Link to="/">
|
|
<i className="fa fa-home"></i>
|
|
</Link>
|
|
</span>
|
|
<span className="navbar-text px-2">
|
|
<i className="fa fa-angle-right"></i>
|
|
</span>
|
|
<span className="navbar-text">
|
|
<Link to="/">Start</Link>
|
|
</span>
|
|
<span className="navbar-text px-2">
|
|
<i className="fa fa-angle-right"></i>
|
|
</span>
|
|
<span className="navbar-text">
|
|
Page Link
|
|
</span>
|
|
</NavItem>
|
|
</Nav>
|
|
<Nav navbar className="ml-auto">
|
|
<NavbarActivityFeed />
|
|
<NavbarMessages className="ml-2" />
|
|
<NavbarUser className="ml-2" />
|
|
</Nav>
|
|
</Navbar>
|
|
);
|