aboutsummaryrefslogtreecommitdiff
path: root/diplomacy/web/src/gui/components/power_orders_actions_bar.js
blob: 3ffef63b2ac8b8696f59214bb587757932e8c1cc (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import React from 'react';
import {Button} from "./button";
import {Bar} from "./layouts";
import PropTypes from 'prop-types';

export class PowerOrdersActionBar extends React.Component {
    render() {
        return (
            <Bar className={'p-2'}>
                <strong className={'mr-4'}>Orders:</strong>
                <Button title={'reset'} onClick={this.props.onReset}/>
                <Button title={'delete all'} onClick={this.props.onDeleteAll}/>
                <Button color={'primary'} title={'update'} onClick={this.props.onUpdate}/>
                {(this.props.onProcess &&
                    <Button color={'danger'} title={'process game'} onClick={this.props.onProcess}/>) || ''}
            </Bar>
        );
    }
}

PowerOrdersActionBar.propTypes = {
    onReset: PropTypes.func.isRequired,
    onDeleteAll: PropTypes.func.isRequired,
    onUpdate: PropTypes.func.isRequired,
    onProcess: PropTypes.func
};