All files / nexshop-web-contents/src/component/scene scene-title-view.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
1x
1x
 
 
 
7x
 
7x
 
 
 
 
1x
 
1x
 
 
 
 
 
 
 
1x
 
 
 
 
 
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,
};