All files / nexshop-web-contents/src/component/dialog/confirm-update-contents-item confirm-update-contents-item.js

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
1x
1x
1x
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
import React, {Component} from 'react';
import {bindActionCreators} from "redux";
import {connect} from "react-redux";
import {v4} from "uuid";
import {dialogEnhancer, actions as dialogActions} from "nexshop-web-dialog";
 
class ConfirmUpdateContentsItem extends Component {
    constructor() {
        super();
 
        this.onClickCancel = this.onClickCancel.bind(this);
    }
 
    onClickCancel() {
        this.props.actions.closeDialog('update-contents-item');
    }
 
    updateMessage(message) {
        return (message.split("\n").map(splitMessage => {
                return (
                    <div key={v4()} className="confirm-update-contents-item-body">{splitMessage}</div>
                );
            })
        );
    }
 
    render() {
        let message = "CONTENT " + this.props.name + " is in used.\n Would you like to modify?";
 
        return (
            <div>
                {
                    this.updateMessage(message)
                }
 
                <div className="confirm-update-contents-item-caption">
                    Every scene, playlist, schedule with this file will be affected.
                </div>
 
                <div className="confirm-update-contents-item-footer">
                    <div className="confirm-update-contents-item-footer__cancel" onClick={this.onClickCancel}>CANCEL</div>
                </div>
            </div>
        );
    }
}
 
const mapStateToProps = (state) => {
    let {dialog} = state;
    const visibility = dialog === 'update-contents-item';
    return {visibility};
};
 
const mapDispatchToProps = (dispatch) => {
    const {openDialog, closeDialog} = dialogActions;
 
    return {
        actions: bindActionCreators({openDialog, closeDialog}, dispatch)
    }
};
 
export default connect(mapStateToProps, mapDispatchToProps)(dialogEnhancer(ConfirmUpdateContentsItem));