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/forms/select_via_form.jsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

(limited to 'diplomacy/web/src/gui/forms/select_via_form.jsx')

diff --git a/diplomacy/web/src/gui/forms/select_via_form.jsx b/diplomacy/web/src/gui/forms/select_via_form.jsx
index b779b8d..8b340af 100644
--- a/diplomacy/web/src/gui/forms/select_via_form.jsx
+++ b/diplomacy/web/src/gui/forms/select_via_form.jsx
@@ -17,19 +17,25 @@
 import React from "react";
 import PropTypes from "prop-types";
 import {Button} from "../components/button";
+import {FancyBox} from "../components/fancyBox";
 
 export class SelectViaForm extends React.Component {
     render() {
         return (
-            <div>
-                <Button title={'regular move (M)'} large={true} onClick={() => this.props.onSelect('M')}/>
-                <Button title={'move via (V)'} large={true} onClick={() => this.props.onSelect('V')}/>
-            </div>
+            <FancyBox title={`Select move type for move order: ${this.props.path.join(' ')}`}
+                      onClose={this.props.onClose}>
+                <div>
+                    <Button title={'regular move (M)'} large={true} onClick={() => this.props.onSelect('M')}/>
+                    <Button title={'move via (V)'} large={true} onClick={() => this.props.onSelect('V')}/>
+                </div>
+            </FancyBox>
         );
     }
 }
 
 SelectViaForm.propTypes = {
-    onSelect: PropTypes.func.isRequired
+    path: PropTypes.array.isRequired,
+    onSelect: PropTypes.func.isRequired,
+    onClose: PropTypes.func.isRequired
 };
 
-- 
cgit v1.2.3