Skip to content
Snippets Groups Projects
Select Git revision
  • master default protected
  • 1.3.1
  • 1.3.0
  • 1.2.0
  • 1.1.5
  • 1.1.4
  • 1.1.3
  • 1.1.2
  • 1.1.1
  • 1.1.0
  • 1.0.19
  • 1.0.18
  • 1.0.17
  • 1.0.16
  • 1.0.15
  • 1.0.14
  • 1.0.13
  • 1.0.12
  • 1.0.10
  • 1.0.9
  • 1.0.8
21 results

ConfirmModal.js

Blame
  • ConfirmModal.js 1.38 KiB
    import React, { Component } from 'react';
    import { Button, Header, Icon, Modal } from 'semantic-ui-react';
    
    class ConfirmModal extends Component {
      constructor(props) {
        super(props);
        this.state = {
          showModal: false,
        };
      }
    
       close = () => this.setState({ showModal: false })
    
       open = () => this.setState({ showModal: true})
    
      render() {
        const { button, text, onAccept } = this.props;
        const open = this.state.showModal;
        return (
          <Modal
            open={open}
            closeOnDimmerClick
            trigger={button}
            onOpen={this.open}
            onClose={this.close}
            size='small'
            basic
          >
            <Header icon='question' content='Megerősítés' />
            <Modal.Content>
              <p>
                Biztos hogy {text}?
              </p>
            </Modal.Content>
            <Modal.Actions>
              <Button
                basic
                color='red'
                inverted
                inverted
                onClick={() => this.close()}
              >
                <Icon name='remove' /> Nem
              </Button>
              <Button
                color='green'
                inverted
                onClick={() => { onAccept();
                                 this.close();
                               }
                        }
              >
                <Icon name='checkmark' /> Igen
              </Button>
            </Modal.Actions>
          </Modal>
        );
      }
    }
    
    export default ConfirmModal;