mirror of
https://github.com/Pax1601/DCSOlympus.git
synced 2025-10-29 16:56:34 +00:00
34 lines
2.1 KiB
TypeScript
34 lines
2.1 KiB
TypeScript
import React from 'react'
|
|
import { OlStateButton } from '../components/olstatebutton';
|
|
import { faPlus, faGamepad, faRuler, faPencil, faEllipsisV, faCog, faQuestionCircle, faPlusSquare } from '@fortawesome/free-solid-svg-icons';
|
|
import { EventsConsumer } from '../../eventscontext';
|
|
import { StateConsumer } from '../../statecontext';
|
|
|
|
export function SideBar() {
|
|
return <StateConsumer>
|
|
{(appState) =>
|
|
<EventsConsumer>
|
|
{(events) =>
|
|
<nav className="flex flex-col z-ui-1 h-full bg-gray-300 dark:bg-olympus-900">
|
|
<div className="flex-1 flex-wrap items-center justify-center p-4 w-16">
|
|
<div className="flex flex-col items-center justify-center gap-2.5">
|
|
<OlStateButton onClick={events.toggleMainMenuVisible} checked={appState.mainMenuVisible} icon={faEllipsisV} tooltip="Hide/show main menu"></OlStateButton>
|
|
<OlStateButton onClick={events.toggleSpawnMenuVisible} checked={appState.spawnMenuVisible} icon={faPlusSquare} tooltip="Hide/show unit spawn menu"></OlStateButton>
|
|
<OlStateButton onClick={events.toggleUnitControlMenuVisible} checked={appState.unitControlMenuVisible} icon={faGamepad} tooltip=""></OlStateButton>
|
|
<OlStateButton onClick={events.toggleMeasureMenuVisible} checked={appState.measureMenuVisible} icon={faRuler} tooltip=""></OlStateButton>
|
|
<OlStateButton onClick={events.toggleDrawingMenuVisible} checked={appState.drawingMenuVisible} icon={faPencil} tooltip="Hide/show drawing menu"></OlStateButton>
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-wrap content-end justify-center p-4 w-16">
|
|
<div className="flex flex-col items-center justify-center gap-2.5">
|
|
<OlStateButton onClick={() => window.open("https://github.com/Pax1601/DCSOlympus/wiki")} checked={false} icon={faQuestionCircle} tooltip="Open user guide on separate window"></OlStateButton>
|
|
<OlStateButton onClick={events.toggleOptionsMenuVisible} checked={appState.optionsMenuVisible} icon={faCog} tooltip="Hide/show settings menu"></OlStateButton>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
}
|
|
</EventsConsumer>
|
|
}
|
|
</StateConsumer>
|
|
}
|