1 files changed, 21 insertions, 0 deletions
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