60 lines
1.8 KiB
JavaScript
Executable File
60 lines
1.8 KiB
JavaScript
Executable File
import React from 'react';
|
|
|
|
import {
|
|
Button,
|
|
Sidebar,
|
|
UncontrolledPopover,
|
|
PopoverBody
|
|
} from './../../../components';
|
|
|
|
import { FooterAuth } from '../Pages/FooterAuth';
|
|
import { FooterText } from '../FooterText';
|
|
import { VersionSelector } from '../VersionSelector';
|
|
|
|
const SidebarBottomA = () => (
|
|
<React.Fragment>
|
|
{ /* START Desktop */ }
|
|
<Sidebar.HideSlim>
|
|
<Sidebar.Section className="pb-0">
|
|
<VersionSelector sidebar dashboard="Airframe" />
|
|
</Sidebar.Section>
|
|
<Sidebar.Section>
|
|
<FooterAuth className="text-muted" />
|
|
</Sidebar.Section>
|
|
</Sidebar.HideSlim>
|
|
{ /* END Desktop */ }
|
|
|
|
{ /* START Slim Only */ }
|
|
<Sidebar.ShowSlim>
|
|
<Sidebar.Section className="text-center">
|
|
{ /* Slim Version Selector */ }
|
|
<VersionSelector
|
|
dashboard="Airframe"
|
|
sidebar
|
|
compact
|
|
render={() => (
|
|
<i className="fa fa-fw fa-toggle-on"></i>
|
|
)}
|
|
/>
|
|
|
|
{ /* Footer Text as Tooltip */ }
|
|
<Button
|
|
id="UncontrolledSidebarPopoverFooter"
|
|
color="link"
|
|
className="sidebar__link p-0 mt-3"
|
|
>
|
|
<i className="fa fa-fw fa-question-circle-o"></i>
|
|
</Button>
|
|
<UncontrolledPopover placement="left-end" target="UncontrolledSidebarPopoverFooter">
|
|
<PopoverBody>
|
|
<FooterText />
|
|
</PopoverBody>
|
|
</UncontrolledPopover>
|
|
</Sidebar.Section>
|
|
</Sidebar.ShowSlim>
|
|
{ /* END Slim Only */ }
|
|
</React.Fragment>
|
|
)
|
|
|
|
export { SidebarBottomA };
|