Palette, tools, load & save working

1 files changed, 28 insertions, 0 deletions

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>
+    }
+}