From 48ee1a065debde5027fc17e49144d348258dc5e4 Mon Sep 17 00:00:00 2001
From: notoraptor <stevenbocco@gmail.com>
Date: Thu, 25 Jul 2019 10:59:36 -0400
Subject: [Web] Added game creation interface

- Replaced fancybox with react-confirm-alert + dialog box
- Removed unused code
- Default map can be selected with 1-click
- Added ability to select map variants
---
 diplomacy/web/src/gui/components/help.jsx | 30 ++++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

(limited to 'diplomacy/web/src/gui/components/help.jsx')

diff --git a/diplomacy/web/src/gui/components/help.jsx b/diplomacy/web/src/gui/components/help.jsx
index 1ec1a54..f3f469f 100644
--- a/diplomacy/web/src/gui/components/help.jsx
+++ b/diplomacy/web/src/gui/components/help.jsx
@@ -1,13 +1,23 @@
 import React from "react";
+import PropTypes from 'prop-types';
+import {FancyBox} from "./fancyBox";
 
-export function Help() {
-    return (
-        <div>
-            <p>When building an order, press <strong>ESC</strong> to reset build.</p>
-            <p>Press letter associated to an order type to start building an order of this type.
-                <br/> Order type letter is indicated in order type name after order type radio button.
-            </p>
-            <p>In Phase History tab, use keyboard left and right arrows to navigate in past phases.</p>
-        </div>
-    );
+export class Help extends React.Component {
+    render() {
+        return (
+            <FancyBox title={'Help'} onClose={this.props.onClose}>
+                <div>
+                    <p>When building an order, press <strong>ESC</strong> to reset build.</p>
+                    <p>Press letter associated to an order type to start building an order of this type.
+                        <br/> Order type letter is indicated in order type name after order type radio button.
+                    </p>
+                    <p>In Phase History tab, use keyboard left and right arrows to navigate in past phases.</p>
+                </div>
+            </FancyBox>
+        );
+    }
 }
+
+Help.propTypes = {
+    onClose: PropTypes.func.isRequired
+};
-- 
cgit v1.2.3

