1 files changed, 26 insertions, 0 deletions
diff --git a/diplomacy/web/src/gui/components/power_orders_actions_bar.js b/diplomacy/web/src/gui/components/power_orders_actions_bar.js
new file mode 100644
index 0000000..2e33a6e
--- /dev/null
+++ b/diplomacy/web/src/gui/components/power_orders_actions_bar.js
@@ -0,0 +1,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
+};