49 lines
1.5 KiB
JavaScript
Executable File
49 lines
1.5 KiB
JavaScript
Executable File
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import {
|
|
Sidebar,
|
|
SidebarTrigger,
|
|
} from './../../components';
|
|
|
|
import { SidebarMiddleNav } from './SidebarMiddleNav';
|
|
|
|
import { SidebarTopA } from '../../routes/components/Sidebar/SidebarTopA'
|
|
import { SidebarBottomA } from '../../routes/components/Sidebar/SidebarBottomA'
|
|
import { LogoThemed } from '../../routes/components/LogoThemed/LogoThemed';
|
|
|
|
export const DefaultSidebar = () => (
|
|
<Sidebar>
|
|
{ /* START SIDEBAR-OVERLAY: Close (x) */ }
|
|
<Sidebar.Close>
|
|
<SidebarTrigger tag={ 'a' } href="javascript:;">
|
|
<i className="fa fa-times-circle fa-fw"></i>
|
|
</SidebarTrigger>
|
|
</Sidebar.Close>
|
|
{ /* START SIDEBAR-OVERLAY: Close (x) */ }
|
|
|
|
{ /* START SIDEBAR: Only for Desktop */ }
|
|
<Sidebar.HideSlim>
|
|
<Sidebar.Section>
|
|
<Link to="/" className="sidebar__brand">
|
|
<LogoThemed checkBackground />
|
|
</Link>
|
|
</Sidebar.Section>
|
|
</Sidebar.HideSlim>
|
|
{ /* END SIDEBAR: Only for Desktop */ }
|
|
|
|
{ /* START SIDEBAR: Only for Mobile */ }
|
|
<Sidebar.MobileFluid>
|
|
<SidebarTopA />
|
|
|
|
<Sidebar.Section fluid cover>
|
|
{ /* SIDEBAR: Menu */ }
|
|
<SidebarMiddleNav />
|
|
</Sidebar.Section>
|
|
|
|
<SidebarBottomA />
|
|
</Sidebar.MobileFluid>
|
|
{ /* END SIDEBAR: Only for Mobile */ }
|
|
</Sidebar>
|
|
);
|