124 lines
4.4 KiB
JavaScript
Executable File
124 lines
4.4 KiB
JavaScript
Executable File
import React from 'react';
|
|
|
|
import {
|
|
Nav,
|
|
NavItem,
|
|
NavLink,
|
|
Badge
|
|
} from './../../../components';
|
|
|
|
const FilesLeftNav = () => (
|
|
<React.Fragment>
|
|
{ /* START Left Nav */}
|
|
<div className="mb-4">
|
|
<Nav pills vertical>
|
|
<NavItem>
|
|
<NavLink href="#" active>
|
|
<i className="fa fa-fw fa-history mr-2"></i>
|
|
Updates
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#">
|
|
<i className="fa fa-fw fa-files-o mr-2"></i>
|
|
Files
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#">
|
|
<i className="fa fa-fw fa-users mr-2"></i>
|
|
Team
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#">
|
|
<i className="fa fa-fw fa-image mr-2"></i>
|
|
Photos
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#">
|
|
<i className="fa fa-fw fa-link mr-2"></i>
|
|
Links
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#">
|
|
<i className="fa fa-fw fa-calendar-o mr-2"></i>
|
|
Events
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#">
|
|
<i className="fa fa-fw fa-trash mr-2"></i>
|
|
Deleted
|
|
</NavLink>
|
|
</NavItem>
|
|
</Nav>
|
|
</div>
|
|
{ /* END Left Nav */}
|
|
{ /* START Left Nav */}
|
|
<div className="mb-4">
|
|
<div className="small mb-3">
|
|
Tags
|
|
</div>
|
|
<Nav pills vertical>
|
|
<NavItem>
|
|
<NavLink href="#" className="d-flex">
|
|
<i className="fa fa-fw fa-circle text-primary align-self-center mr-2"></i>
|
|
Documents
|
|
<Badge color="secondary" pill className="ml-auto align-self-center">
|
|
12
|
|
</Badge>
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#" className="d-flex">
|
|
<i className="fa fa-fw fa-circle text-info align-self-center mr-2"></i>
|
|
Pictures
|
|
<Badge color="secondary" pill className="ml-auto align-self-center">
|
|
3
|
|
</Badge>
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#" className="d-flex">
|
|
<i className="fa fa-fw fa-circle text-success align-self-center mr-2"></i>
|
|
Videos
|
|
<Badge color="secondary" pill className="ml-auto align-self-center">
|
|
67
|
|
</Badge>
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#" className="d-flex">
|
|
<i className="fa fa-fw fa-circle text-warning align-self-center mr-2"></i>
|
|
Music
|
|
<Badge color="secondary" pill className="ml-auto align-self-center">
|
|
5
|
|
</Badge>
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#" className="d-flex">
|
|
<i className="fa fa-fw fa-circle text-danger align-self-center mr-2"></i>
|
|
Other
|
|
<Badge color="secondary" pill className="ml-auto align-self-center">
|
|
1
|
|
</Badge>
|
|
</NavLink>
|
|
</NavItem>
|
|
<NavItem>
|
|
<NavLink href="#">
|
|
<i className="fa fa-fw fa-plus mr-2"></i>
|
|
Add New
|
|
</NavLink>
|
|
</NavItem>
|
|
</Nav>
|
|
</div>
|
|
{ /* END Left Nav */}
|
|
</React.Fragment>
|
|
)
|
|
|
|
export { FilesLeftNav };
|