diff --git a/client/components/mobile/IDEWrapper.jsx b/client/components/mobile/IDEWrapper.jsx
new file mode 100644
index 00000000..0982cf81
--- /dev/null
+++ b/client/components/mobile/IDEWrapper.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import styled from 'styled-components';
+import { remSize } from '../../theme';
+
+export default styled.div`
+ z-index: 0;
+ margin-top: ${remSize(16)};
+`;
diff --git a/client/modules/IDE/pages/IDEViewMobile.jsx b/client/modules/IDE/pages/IDEViewMobile.jsx
index fb9a9325..b912c6a3 100644
--- a/client/modules/IDE/pages/IDEViewMobile.jsx
+++ b/client/modules/IDE/pages/IDEViewMobile.jsx
@@ -30,14 +30,10 @@ import IconButton from '../../../components/mobile/IconButton';
import Header from '../../../components/mobile/Header';
import Screen from '../../../components/mobile/MobileScreen';
import Footer from '../../../components/mobile/Footer';
+import IDEWrapper from '../../../components/mobile/IDEWrapper';
const textColor = prop('primaryTextColor');
-const Content = styled.div`
- z-index: 0;
- margin-top: ${remSize(16)};
-`;
-
const Icon = styled.a`
> svg {
fill: ${textColor};
@@ -86,7 +82,7 @@ const IDEViewMobile = (props) => {
-
+
{
runtimeErrorWarningVisible={ide.runtimeErrorWarningVisible}
provideController={setTmController}
/>
-
+
);
diff --git a/client/modules/Mobile/MobileSketchView.jsx b/client/modules/Mobile/MobileSketchView.jsx
index 8a845b25..bb436143 100644
--- a/client/modules/Mobile/MobileSketchView.jsx
+++ b/client/modules/Mobile/MobileSketchView.jsx
@@ -3,7 +3,15 @@ import { Link } from 'react-router';
import styled from 'styled-components';
import Header from '../../components/mobile/Header';
import Screen from '../../components/mobile/MobileScreen';
+
import { ExitIcon } from '../../common/Icons';
+import { remSize } from '../../theme';
+
+
+const Content = styled.div`
+ z-index: 0;
+ margin-top: ${remSize(48)};
+`;
const IconLinkWrapper = styled(Link)`
width: 2rem;
@@ -11,6 +19,7 @@ const IconLinkWrapper = styled(Link)`
margin-left: none;
`;
+
const MobileSketchView = (props) => {
const [overlay, setOverlay] = useState(null);
return (
@@ -33,6 +42,35 @@ const MobileSketchView = (props) => {
*/}
+
+ Hello
+
);
};
+
+
export default MobileSketchView;
+
+
+//
+// }
+// fullView
+// isPlaying
+// isAccessibleOutputPlaying={false}
+// textOutput={false}
+// gridOutput={false}
+// soundOutput={false}
+// dispatchConsoleEvent={this.ident}
+// endSketchRefresh={this.ident}
+// previewIsRefreshing={false}
+// setBlobUrl={this.ident}
+// stopSketch={this.ident}
+// expandConsole={this.ident}
+// clearConsole={this.ident}
+// />