diff --git a/client/modules/App/App.js b/client/modules/App/App.js
index 5598225d..0c69c4e6 100644
--- a/client/modules/App/App.js
+++ b/client/modules/App/App.js
@@ -1,10 +1,12 @@
import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import DevTools from './components/DevTools';
+import classNames from 'classnames';
class App extends React.Component {
constructor(props, context) {
super(props, context);
+ console.log(props);
this.state = { isMounted: false };
}
@@ -13,8 +15,14 @@ class App extends React.Component {
}
render() {
+ const theme = this.props.route.theme;
+ const appClass = classNames({
+ app: true,
+ light: theme === 'light',
+ dark: theme === 'dark'
+ });
return (
-
+
{this.state.isMounted && !window.devToolsExtension && process.env.NODE_ENV === 'development' && }
{this.props.children}
@@ -23,7 +31,10 @@ class App extends React.Component {
}
App.propTypes = {
- children: PropTypes.object
+ children: PropTypes.object,
+ route: PropTypes.shape({
+ theme: PropTypes.string.isRequired
+ }).isRequired
};
export default connect()(App);
diff --git a/client/modules/IDE/pages/IDEView.js b/client/modules/IDE/pages/IDEView.js
index 347ae957..1db87882 100644
--- a/client/modules/IDE/pages/IDEView.js
+++ b/client/modules/IDE/pages/IDEView.js
@@ -27,7 +27,6 @@ import SplitPane from 'react-split-pane';
import Overlay from '../../App/components/Overlay';
import SketchList from '../components/SketchList';
import About from '../components/About';
-import classNames from 'classnames';
class IDEView extends React.Component {
constructor(props) {
@@ -157,13 +156,8 @@ class IDEView extends React.Component {
}
render() {
- let ideClass = classNames({
- ide: true,
- light: this.props.preferences.theme === 'light',
- dark: this.props.preferences.theme === 'dark',
- });
return (
-
+
{this.props.toast.isVisible && }