| New file |
| | |
| | | import React from 'react'; |
| | | import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; |
| | | |
| | | class ConfirmReloadDialog extends React.Component { |
| | | constructor(props) { |
| | | super(props); |
| | | this.state = { |
| | | modal: false |
| | | }; |
| | | |
| | | this.toggle = this.toggle.bind(this); |
| | | } |
| | | |
| | | toggle() { |
| | | this.setState({ |
| | | modal: !this.state.modal |
| | | }); |
| | | } |
| | | |
| | | render() { |
| | | return ( |
| | | <div> |
| | | <Button color="danger" onClick={this.toggle}>{this.props.buttonLabel}</Button> |
| | | <Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}> |
| | | <ModalHeader toggle={this.toggle}>Do you really want to reload?</ModalHeader> |
| | | <ModalBody> |
| | | Reloading of the data is time consuming for remote borg repos. Reloading is only required |
| | | if you assume that the cache data of BorgButler is outdated. |
| | | </ModalBody> |
| | | <ModalFooter> |
| | | <Button color="secondary" onClick={this.toggle}>Cancel</Button> |
| | | <Button color="primary" onClick={this.toggle}>Reload</Button>{' '} |
| | | </ModalFooter> |
| | | </Modal> |
| | | </div> |
| | | ); |
| | | } |
| | | } |
| | | |
| | | export default ConfirmReloadDialog; |