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);