Add "Remove Server" modal

This commit is contained in:
Yuya Ochiai
2017-01-24 21:06:07 +09:00
parent f7967cad9d
commit ee2e315199
5 changed files with 108 additions and 3 deletions

View File

@@ -0,0 +1,42 @@
const React = require('react');
const {Button, Modal} = require('react-bootstrap');
function DestructiveConfirmationModal(props) {
const {
title,
body,
acceptLabel,
cancelLabel,
onAccept,
onCancel,
...rest} = props;
return (
<Modal {...rest}>
<Modal.Header closeButton={true}>
<Modal.Title>{title}</Modal.Title>
</Modal.Header>
{body}
<Modal.Footer>
<Button
bsStyle='link'
onClick={onCancel}
>{cancelLabel}</Button>
<Button
bsStyle='danger'
onClick={onAccept}
>{acceptLabel}</Button>
</Modal.Footer>
</Modal>
);
}
DestructiveConfirmationModal.propTypes = {
title: React.PropTypes.string.isRequired,
body: React.PropTypes.node.isRequired,
acceptLabel: React.PropTypes.string.isRequired,
cancelLabel: React.PropTypes.string.isRequired,
onAccept: React.PropTypes.func.isRequired,
onCancel: React.PropTypes.func.isRequired
};
module.exports = DestructiveConfirmationModal;