pybricks-code/src/toolbar/Toolbar.tsx

// SPDX-License-Identifier: MIT
// Copyright (c) 2020-2021 The Pybricks Authors

import { ButtonGroup } from '@blueprintjs/core';
import React, { useState } from 'react';
import OpenButton from '../editor/OpenButton';
import SaveAsButton from '../editor/SaveAsButton';
import FlashButton from '../firmware/FlashButton';
import BluetoothButton from '../hub/BluetoothButton';
import ReplButton from '../hub/ReplButton';
import RunButton from '../hub/RunButton';
import StopButton from '../hub/StopButton';
import SettingsButton from '../settings/SettingsButton';
import SettingsDrawer from '../settings/SettingsDrawer';

import './toolbar.scss';

const Toolbar: React.VFC = (_props) => {
    const [isSettingsDrawerOpen, setIsSettingsDrawerOpen] = useState(false);

    return (
        <div
            role="toolbar"
            onContextMenu={(e): void => e.preventDefault()}
            className="pb-toolbar"
        >
            <ButtonGroup className="pb-toolbar-group pb-align-left">
                <OpenButton id="open" />
                <SaveAsButton id="saveAs" />
            </ButtonGroup>
            <ButtonGroup className="pb-toolbar-group pb-align-left">
                <RunButton id="run" keyboardShortcut="F5" />
                <StopButton id="stop" keyboardShortcut="F6" />
                <ReplButton id="repl" />
            </ButtonGroup>
            <ButtonGroup className="pb-toolbar-group pb-align-left">
                <FlashButton id="flash" />
                <BluetoothButton id="bluetooth" />
            </ButtonGroup>
            <ButtonGroup className="pb-toolbar-group pb-align-right">
                <SettingsButton
                    id="settings"
                    onAction={() => setIsSettingsDrawerOpen(true)}
                />
                <SettingsDrawer
                    isOpen={isSettingsDrawerOpen}
                    onClose={() => setIsSettingsDrawerOpen(false)}
                />
            </ButtonGroup>
        </div>
    );
};

export default Toolbar;