nexshop-web-contents/src/component/scene/scene-title-view.js

Nexshop Web Contents Project

import React, {Component} from 'react';
import PropTypes from 'prop-types';

export default class SceneTitleView extends Component {
    render() {
        const {saveScene, onPreviewClick, hasFullContent} = this.props;

        return (
            <div className="top-bar-sub">
                <div className="top-bar-sub__title">{this.props.title}</div>
                <div className="top-bar-sub-menu">
                    <div className={`top-bar-sub-menu__item${hasFullContent ? '' : '--inactive'}`}
                         onClick={() => onPreviewClick()}>PREVIEW</div>
                    <div className={`top-bar-sub-menu__item${hasFullContent ? '' : '--inactive'}`}
                         onClick={()=> saveScene()}>SAVE
                    </div>
                </div>
            </div>
        );
    }
}

SceneTitleView.propTypes = {
    title: PropTypes.string.isRequired,
    hasFullContent: PropTypes.bool.isRequired,
    saveScene: PropTypes.func.isRequired,
    onPreviewClick: PropTypes.func.isRequired,
};