42
app/layout/components/SidebarASidebar.js
Executable file
42
app/layout/components/SidebarASidebar.js
Executable file
@@ -0,0 +1,42 @@
|
||||
import React from 'react';
|
||||
|
||||
import {
|
||||
Sidebar,
|
||||
SidebarTrigger
|
||||
} from './../../components';
|
||||
|
||||
import { SidebarMiddleNav } from './SidebarMiddleNav';
|
||||
|
||||
import { SidebarTopB } from '../../routes/components/Sidebar/SidebarTopB'
|
||||
import { SidebarBottomB } from '../../routes/components/Sidebar/SidebarBottomB'
|
||||
|
||||
export const SidebarASidebar = () => (
|
||||
<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>
|
||||
{ /* END SIDEBAR-OVERLAY: Close (x) */ }
|
||||
|
||||
{ /* START SIDEBAR: Fixed Section */ }
|
||||
<Sidebar.Section>
|
||||
<SidebarTopB />
|
||||
</Sidebar.Section>
|
||||
{ /* END SIDEBAR: Fixed Section */ }
|
||||
|
||||
{ /* START SIDEBAR: Mobile Scroll Wrapper */ }
|
||||
<Sidebar.MobileFluid>
|
||||
{ /* START SIDEBAR: Everywhere */ }
|
||||
<Sidebar.Section fluid cover>
|
||||
{ /* SIDEBAR: Menu */ }
|
||||
<SidebarMiddleNav />
|
||||
</Sidebar.Section>
|
||||
{ /* END SIDEBAR: Everywhere */ }
|
||||
<SidebarBottomB />
|
||||
</Sidebar.MobileFluid>
|
||||
{ /* END SIDEBAR: Mobile Scroll Wrapper */ }
|
||||
|
||||
</Sidebar>
|
||||
);
|
Reference in New Issue
Block a user