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/LoadDialog.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/LoadDialog.js

(limited to 'src/LoadDialog.js')

diff --git a/src/LoadDialog.js b/src/LoadDialog.js
new file mode 100644
index 0000000..8f4d20b
--- /dev/null
+++ b/src/LoadDialog.js
@@ -0,0 +1,21 @@
+import React, { Component } from 'react'
+import { ModalContainer, ModalDialog } from 'react-modal-dialog'
+
+export default class LoadDialog extends Component {
+    render() {
+        let savesListItems = this.props.saves.map((save) => {
+            return <a key={save} onClick={() => this.props.onLoad(save)}>
+                <li>{save}</li>
+            </a>
+        })
+
+        return <ModalContainer onClose={this.props.onClose}>
+            <ModalDialog onClose={this.props.onClose}>
+            <h1>Load</h1>
+            <ul>
+            {savesListItems}
+            </ul>
+            </ModalDialog>
+        </ModalContainer>
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3-ZIG