Preview: http://dashboards.webkom.co/react/airframe
This commit is contained in:
Tomasz Owczarczyk
2019-08-15 00:54:44 +02:00
parent f975443095
commit 37092d1d6c
626 changed files with 56691 additions and 0 deletions

View File

@@ -0,0 +1,53 @@
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>
);