62
app/routes/components/Sidebar/SidebarTopB.js
Executable file
62
app/routes/components/Sidebar/SidebarTopB.js
Executable file
@@ -0,0 +1,62 @@
|
||||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
|
||||
import {
|
||||
Sidebar,
|
||||
UncontrolledTooltip
|
||||
} from './../../../components';
|
||||
|
||||
import { VersionSelector } from '../VersionSelector';
|
||||
|
||||
const SidebarTopB = () => (
|
||||
<React.Fragment>
|
||||
{ /* START Sidebar TOP: B */ }
|
||||
{ /* START DESKTOP View */ }
|
||||
<Sidebar.HideSlim>
|
||||
<div>
|
||||
<div className="d-flex">
|
||||
<Link to="/" className="align-self-center sidebar__brand" id="tooltipBackToHome">
|
||||
<i className="fa fa-send fa-fw fa-2x"></i>
|
||||
</Link>
|
||||
<UncontrolledTooltip placement="right" target="tooltipBackToHome">
|
||||
Back to Home
|
||||
</UncontrolledTooltip>
|
||||
|
||||
<VersionSelector
|
||||
down
|
||||
sidebar
|
||||
dashboard="Airframe"
|
||||
render={(currentVersion) => (
|
||||
<React.Fragment>
|
||||
<div className="h4 fw-600 sidebar-logo mb-1 text-left">
|
||||
react.bs4 <i className="fa fa-angle-down ml-1 sidebar__link--muted"></i>
|
||||
</div>
|
||||
<div
|
||||
className="job-title small text-left sidebar__link--muted"
|
||||
>
|
||||
Version: {currentVersion.label}, {currentVersion.version}
|
||||
</div>
|
||||
</React.Fragment>
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</Sidebar.HideSlim>
|
||||
{ /* END DESKTOP View */ }
|
||||
{ /* START SLIM Only View */ }
|
||||
<Sidebar.ShowSlim>
|
||||
<div className="text-center">
|
||||
<Link to="/">
|
||||
<i className="fa fa-send fa-fw text-primary" id="tooltipBackToHomeSlim"></i>
|
||||
</Link>
|
||||
<UncontrolledTooltip placement="right" target="tooltipBackToHomeSlim">
|
||||
Back to Home
|
||||
</UncontrolledTooltip>
|
||||
</div>
|
||||
</Sidebar.ShowSlim>
|
||||
{ /* END SLIM Only View */ }
|
||||
{ /* END Sidebar TOP: B */ }
|
||||
</React.Fragment>
|
||||
)
|
||||
|
||||
export { SidebarTopB };
|
Reference in New Issue
Block a user