diff --git a/client/modules/App/App.jsx b/client/modules/App/App.jsx
index af441a9d..346ea411 100644
--- a/client/modules/App/App.jsx
+++ b/client/modules/App/App.jsx
@@ -34,7 +34,8 @@ class App extends React.Component {
render() {
return (
- {this.state.isMounted && !window.devToolsExtension && getConfig('NODE_ENV') === 'development' && }
+ {/* FIXME: remove false */}
+ {false && this.state.isMounted && !window.devToolsExtension && getConfig('NODE_ENV') === 'development' && }
{this.props.children}
);
diff --git a/client/modules/Mobile/MobileExamples.jsx b/client/modules/Mobile/MobileExamples.jsx
index 38edfd9f..0ecbae27 100644
--- a/client/modules/Mobile/MobileExamples.jsx
+++ b/client/modules/Mobile/MobileExamples.jsx
@@ -7,9 +7,13 @@ import IconButton from '../../components/mobile/IconButton';
import { ExitIcon } from '../../common/icons';
import Footer from '../../components/mobile/Footer';
import { prop, remSize } from '../../theme';
+import SketchList from '../IDE/components/SketchList';
+import CollectionList from '../IDE/components/CollectionList';
+import AssetList from '../IDE/components/AssetList';
+import Content from './MobileViewContent';
const FooterTab = styled.div`
- background: ${props => prop(`MobilePanel.default.${props.selected ? 'background' : 'foreground'}`)};
+ background: ${props => prop(props.selected ? 'backgroundColor' : 'MobilePanel.default.foreground')};
color: ${props => prop(`MobilePanel.default.${props.selected ? 'foreground' : 'background'}`)};
padding: ${remSize(16)};
width: 100%;
@@ -19,24 +23,49 @@ const FooterTab = styled.div`
const FooterTabContainer = styled.div`
display: flex;
- h3 { text-align: center; width: 100%;}
+ h3 { text-align: center; width: 100%; }
`;
+// switch (tabKey) {
+// case TabKey.assets:
+// return ;
+// case TabKey.collections:
+// return ;
+// case TabKey.sketches:
+// default:
+// return ;
+// }
+
+const Panels = {
+ Sketches: () => ,
+ Collections: () => ,
+ Assets: () =>
+};
const MobileExamples = () => {
- const tabs = ['Sketches', 'Collections', 'Assets'];
- const [selected, selectTab] = useState(tabs[0]);
+ // const tabs = ['Sketches', 'Collections', 'Assets'];
+ const Tabs = Object.keys(Panels);
+ const [selected, selectTab] = useState(Tabs[0]);
return (
+
+
+ {Panels[selected] && Panels[selected]()}
+
+
+