summaryrefslogtreecommitdiffstats
path: root/webapp/components/leave_team_modal.jsx
blob: 4728fb16d349efecea6c3032b87c0a43748101f4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.

import {ActionTypes, WebrtcActionTypes} from 'utils/constants.jsx';
import * as GlobalActions from 'actions/global_actions.jsx';
import ModalStore from 'stores/modal_store.jsx';
import UserStore from 'stores/user_store.jsx';
import WebrtcStore from 'stores/webrtc_store.jsx';

import {intlShape, injectIntl, FormattedMessage} from 'react-intl';

import {Modal} from 'react-bootstrap';

import React from 'react';

class LeaveTeamModal extends React.Component {
    constructor(props) {
        super(props);

        this.handleToggle = this.handleToggle.bind(this);
        this.handleSubmit = this.handleSubmit.bind(this);
        this.handleHide = this.handleHide.bind(this);

        this.state = {
            show: false
        };
    }

    componentDidMount() {
        ModalStore.addModalListener(ActionTypes.TOGGLE_LEAVE_TEAM_MODAL, this.handleToggle);
    }

    componentWillUnmount() {
        ModalStore.removeModalListener(ActionTypes.TOGGLE_LEAVE_TEAM_MODAL, this.handleToggle);
    }

    handleToggle(value) {
        this.setState({
            show: value
        });
    }

    handleSubmit(e) {
        this.setState({
            show: false
        });

        if (WebrtcStore.isBusy()) {
            WebrtcStore.emitChanged({action: WebrtcActionTypes.IN_PROGRESS});
            e.preventDefault();
            return;
        }

        GlobalActions.emitLeaveTeam();
    }

    handleHide() {
        this.setState({
            show: false
        });
    }

    render() {
        var currentUser = UserStore.getCurrentUser();

        if (currentUser != null) {
            return (
                <Modal
                    className='modal-confirm'
                    show={this.state.show}
                    onHide={this.handleHide}
                >
                    <Modal.Header closeButton={false}>
                        <Modal.Title>
                            <FormattedMessage
                                id='leave_team_modal.title'
                                defaultMessage='Leave the team?'
                            />
                        </Modal.Title>
                    </Modal.Header>
                    <Modal.Body>
                        <FormattedMessage
                            id='leave_team_modal.desc'
                            defaultMessage='You will be removed from all public and private channels.  If the team is private you will not be able to rejoin the team.  Are you sure?'
                        />
                    </Modal.Body>
                    <Modal.Footer>
                        <button
                            type='button'
                            className='btn btn-default'
                            onClick={this.handleHide}
                        >
                            <FormattedMessage
                                id='leave_team_modal.no'
                                defaultMessage='No'
                            />
                        </button>
                        <button
                            type='button'
                            className='btn btn-danger'
                            onClick={this.handleSubmit}
                        >
                            <FormattedMessage
                                id='leave_team_modal.yes'
                                defaultMessage='Yes'
                            />
                        </button>
                    </Modal.Footer>
                </Modal>
            );
        }

        return null;
    }
}

LeaveTeamModal.propTypes = {
    intl: intlShape.isRequired
};

export default injectIntl(LeaveTeamModal);