diff options
Diffstat (limited to 'src/LoadDialog.js')
-rw-r--r-- | src/LoadDialog.js | 21 |
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 |