From d40c7d9f09d9b012837d6060a4c598b23b19646f Mon Sep 17 00:00:00 2001
From: Martin Ashby <martin@martin-laptop.lan>
Date: Thu, 17 May 2018 18:18:11 +0100
Subject: Palette, tools, load & save working

---
 src/SaveDialog.js | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/SaveDialog.js

(limited to 'src/SaveDialog.js')

diff --git a/src/SaveDialog.js b/src/SaveDialog.js
new file mode 100644
index 0000000..d1a80fd
--- /dev/null
+++ b/src/SaveDialog.js
@@ -0,0 +1,28 @@
+import React, { Component } from 'react'
+import { ModalContainer, ModalDialog } from 'react-modal-dialog'
+
+export default class SaveDialog extends Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+            name: ""
+        }   
+    }
+
+    render() {
+        return <ModalContainer onClose={this.props.onClose}>
+        <ModalDialog onClose={this.props.onClose}>
+          <h1>Save</h1>
+          <form onSubmit={(event) => {
+              this.props.onSave(this.state.name)
+              event.preventDefault()}}>
+            <input 
+                value={this.state.name}
+                onChange={(event) => this.setState({name: event.target.value})}/>
+            <input
+                type="submit" value="Save"/>
+          </form>
+        </ModalDialog>
+      </ModalContainer>
+    }
+}
-- 
cgit v1.2.3-ZIG