openecomp-ui/src/nfvo-components/panel/versionController/components/CommitCommentModal.jsx

/*!
 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing
 * permissions and limitations under the License.
 */

import React from 'react';
import { connect } from 'react-redux';
import i18n from 'nfvo-utils/i18n/i18n.js';
import Form from 'nfvo-components/input/validation/Form.jsx';
import Input from 'nfvo-components/input/validation/Input.jsx';
import { actionTypes as modalActionTypes } from 'nfvo-components/modal/GlobalModalConstants.js';
import keyMirror from 'nfvo-utils/KeyMirror.js';

export const CommitModalType = keyMirror({
    COMMIT: null,
    COMMIT_SUBMIT: null
});

export const mapActionToProps = dispatch => {
    return {
        onClose: () =>
            dispatch({
                type: modalActionTypes.GLOBAL_MODAL_CLOSE
            })
    };
};

class CommitCommentModal extends React.Component {
    state = {
        comment: ''
    };

    render() {
        const { onCommit, onClose, type } = this.props;
        const [commitButtonText, descriptionText] =
            type === CommitModalType.COMMIT
                ? [i18n('Commit'), i18n('You are about to commit your version')]
                : [
                      i18n('Commit & Submit'),
                      i18n('You must commit your changes before the submit')
                  ];

        return (
            <Form
                ref="validationForm"
                hasButtons={true}
                onSubmit={() => {
                    onCommit(this.state.comment);
                    onClose();
                }}
                onReset={onClose}
                submitButtonText={commitButtonText}
                labledButtons={true}
                isValid={true}
                className="comment-commit-form">
                <div className="commit-modal-text">{descriptionText}</div>
                <Input
                    data-test-id="commit-comment-text"
                    onChange={comment => this.setState({ comment: comment })}
                    label={i18n('Enter Commit Comment:')}
                    value={this.state.comment}
                    type="textarea"
                />
            </Form>
        );
    }
}

export default connect(null, mapActionToProps)(CommitCommentModal);