From 09be214dfa0741df2399c3e0c928929138de226b Mon Sep 17 00:00:00 2001
From: notoraptor <notoraptor@users.noreply.github.com>
Date: Tue, 16 Jul 2019 10:39:16 -0400
Subject: [web] Add a button to delete game. (#39)

- [server] Also delete game from RAM.
---
 diplomacy/web/src/gui/core/delete_button.jsx | 43 ++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 diplomacy/web/src/gui/core/delete_button.jsx

(limited to 'diplomacy/web/src/gui/core/delete_button.jsx')

diff --git a/diplomacy/web/src/gui/core/delete_button.jsx b/diplomacy/web/src/gui/core/delete_button.jsx
new file mode 100644
index 0000000..59141fd
--- /dev/null
+++ b/diplomacy/web/src/gui/core/delete_button.jsx
@@ -0,0 +1,43 @@
+import React from "react";
+import {Button} from "./button";
+import PropTypes from "prop-types";
+
+export class DeleteButton extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {step: 0};
+        this.onClick = this.onClick.bind(this);
+    }
+
+    onClick() {
+        this.setState({step: this.state.step + 1}, () => {
+            if (this.state.step === 2)
+                this.props.onClick();
+        });
+    }
+
+    render() {
+        let title = '';
+        let color = '';
+        if (this.state.step === 0) {
+            title = this.props.title;
+            color = 'secondary';
+        } else if (this.state.step === 1) {
+            title = this.props.confirmTitle;
+            color = 'danger';
+        } else if (this.state.step === 2) {
+            title = this.props.waitingTitle;
+            color = 'danger';
+        }
+        return (
+            <Button title={title} color={color} onClick={this.onClick} small={true} large={true}/>
+        );
+    }
+}
+
+DeleteButton.propTypes = {
+    title: PropTypes.string.isRequired,
+    confirmTitle: PropTypes.string.isRequired,
+    waitingTitle: PropTypes.string.isRequired,
+    onClick: PropTypes.func.isRequired
+};
-- 
cgit v1.2.3

