diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx index 2d3cf79b8..8d251bd14 100644 --- a/src/components/gui/gui.jsx +++ b/src/components/gui/gui.jsx @@ -72,6 +72,7 @@ const GUIComponent = props => { onActivateTab, onRequestCloseBackdropLibrary, onRequestCloseCostumeLibrary, + onSeeCommunity, previewInfoVisible, targetIsStage, soundsTabVisible, @@ -141,7 +142,10 @@ const GUIComponent = props => { onRequestClose={onRequestCloseBackdropLibrary} /> ) : null} - + @@ -285,6 +289,7 @@ GUIComponent.propTypes = { onExtensionButtonClick: PropTypes.func, onRequestCloseBackdropLibrary: PropTypes.func, onRequestCloseCostumeLibrary: PropTypes.func, + onSeeCommunity: PropTypes.func, onTabSelect: PropTypes.func, previewInfoVisible: PropTypes.bool, soundsTabVisible: PropTypes.bool, diff --git a/src/containers/gui.jsx b/src/containers/gui.jsx index bdd552968..a2f6d29ef 100644 --- a/src/containers/gui.jsx +++ b/src/containers/gui.jsx @@ -99,6 +99,7 @@ GUI.propTypes = { fetchingProject: PropTypes.bool, importInfoVisible: PropTypes.bool, loadingStateVisible: PropTypes.bool, + onSeeCommunity: PropTypes.func, previewInfoVisible: PropTypes.bool, projectData: PropTypes.oneOfType([PropTypes.object, PropTypes.string]), vm: PropTypes.instanceOf(VM) diff --git a/src/playground/player.jsx b/src/playground/player.jsx index d1617571c..2a580c6a7 100644 --- a/src/playground/player.jsx +++ b/src/playground/player.jsx @@ -1,3 +1,4 @@ +import classNames from 'classnames'; import React from 'react'; import ReactDOM from 'react-dom'; @@ -13,14 +14,41 @@ if (process.env.NODE_ENV === 'production' && typeof window === 'object') { } import styles from './player.css'; -const Player = () => ( - - - -); + +class Player extends React.Component { + constructor (props) { + super(props); + this.handleSeeInside = this.handleSeeInside.bind(this); + this.handleSeeCommunity = this.handleSeeCommunity.bind(this); + this.state = { + isPlayerOnly: true + }; + } + handleSeeInside () { + this.setState({isPlayerOnly: false}); + } + handleSeeCommunity () { + this.setState({isPlayerOnly: true}); + } + render () { + return ( + + {this.state.isPlayerOnly && ( + + )} + + + ); + } +} const appTarget = document.createElement('div'); document.body.appendChild(appTarget);