|
@@ -0,0 +1,57 @@
|
|
|
|
|
+import React from 'react';
|
|
|
|
|
+import PropTypes from 'prop-types';
|
|
|
|
|
+
|
|
|
|
|
+import {
|
|
|
|
|
+ Modal, ModalHeader, ModalBody, ModalFooter,
|
|
|
|
|
+} from 'reactstrap';
|
|
|
|
|
+
|
|
|
|
|
+export default class LinkEditModal extends React.PureComponent {
|
|
|
|
|
+
|
|
|
|
|
+ constructor(props) {
|
|
|
|
|
+ super(props);
|
|
|
|
|
+
|
|
|
|
|
+ this.state = {
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ };
|
|
|
|
|
+
|
|
|
|
|
+ this.cancel = this.cancel.bind(this);
|
|
|
|
|
+ this.save = this.save.bind(this);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ show() {
|
|
|
|
|
+ this.setState({ show: true });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ cancel() {
|
|
|
|
|
+ this.hide();
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ hide() {
|
|
|
|
|
+ this.setState({
|
|
|
|
|
+ show: false,
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ render() {
|
|
|
|
|
+ return (
|
|
|
|
|
+ <Modal isOpen={this.state.show} toggle={this.cancel} size="lg">
|
|
|
|
|
+ <ModalHeader tag="h4" toggle={this.cancel} className="bg-primary text-light">
|
|
|
|
|
+ Edit Table
|
|
|
|
|
+ </ModalHeader>
|
|
|
|
|
+ <ModalBody className="p-0 d-flex flex-column">
|
|
|
|
|
+ </ModalBody>
|
|
|
|
|
+ <ModalFooter className="grw-modal-footer">
|
|
|
|
|
+ <div className="ml-auto">
|
|
|
|
|
+ <button type="button" className="mr-2 btn btn-secondary" onClick={this.cancel}>Cancel</button>
|
|
|
|
|
+ <button type="button" className="btn btn-primary">Done</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </ModalFooter>
|
|
|
|
|
+ </Modal>
|
|
|
|
|
+ );
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+LinkEditModal.propTypes = {
|
|
|
|
|
+ onSave: PropTypes.func,
|
|
|
|
|
+};
|