nexshop-web-contents/src/component/preview/scene/scene-preview.js

Nexshop Web Contents Project

import React, {Component} from 'react';
import {connect} from "react-redux";
import cloneDeep from 'lodash/cloneDeep';
import ScenePreviewHeaderView from "./scene-preview-header-view";
import ScenePreviewDetailView from "./scene-preview-detail-view";

class ScenePreview extends Component {
    constructor(props) {
        super(props);

        this.onClickClose = this.onClickClose.bind(this);
    }

    onClickClose() {
        this.props.history.goBack();
    }

    render() {
        const {scene, name, previewWindowSize, sceneLayoutSize} = this.props;
        const clonedScene = cloneDeep(scene);

        return (
            <div>
                <ScenePreviewHeaderView name={name} onClickClose={this.onClickClose}/>
                <ScenePreviewDetailView scene={clonedScene} previewWindowSize={previewWindowSize}
                                        sceneLayoutSize={sceneLayoutSize}/>
            </div>
        );
    }
}

const mapStateToProps = (state) => {
    const {
        scene: {scene, name, previewWindowSize, sceneLayoutSize}
    } = state;

    return {scene, name, previewWindowSize, sceneLayoutSize};
};

export default connect(mapStateToProps)(ScenePreview);