diff --git a/client/modules/IDE/pages/IDEViewMobile.jsx b/client/modules/IDE/pages/IDEViewMobile.jsx
index dfb8787d..27124ee6 100644
--- a/client/modules/IDE/pages/IDEViewMobile.jsx
+++ b/client/modules/IDE/pages/IDEViewMobile.jsx
@@ -22,6 +22,8 @@ import { getHTMLFile } from '../reducers/files';
import Editor from '../components/Editor';
import { prop, remSize } from '../../../theme';
import CloseIcon from '../../../images/exit.svg';
+import PreferencesIcon from '../../../images/preferences.svg';
+import PlayIcon from '../../../images/triangle-arrow-right.svg';
const background = prop('Button.default.background');
const textColor = prop('primaryTextColor');
@@ -66,10 +68,10 @@ const Icon = styled.a`
fill: ${textColor};
color: ${textColor};
margin-left: ${remSize(16)};
+ align-items: center;
}
`;
-
const Screen = ({ children }) => (
{children}
@@ -82,13 +84,14 @@ Screen.propTypes = {
const isUserOwner = ({ project, user }) => (project.owner && project.owner.id === user.id);
const IDEViewMobile = (props) => {
- // const
const {
preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage, selectedFile, updateFileContent, files, closeEditorOptions, showEditorOptions, showKeyboardShortcutModal, setUnsavedChanges, startRefreshSketch, stopSketch, expandSidebar, collapseSidebar, clearConsole, console, showRuntimeErrorWarning, hideRuntimeErrorWarning
} = props;
const [tmController, setTmController] = useState(null);
+ const [overlay, setOverlay] = useState(null);
+
return (
@@ -96,9 +99,17 @@ const IDEViewMobile = (props) => {
{project.name}
{selectedFile.name}
-
-
-
+
+
+
+
+
setOverlay('preferences')}>
+
+
+
setOverlay('runSketch')}>
+
+
+
{/*
{ [preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage, selectedFile, updateFileContent, files, closeEditorOptions, showEditorOptions, showKeyboardShortcutModal, setUnsavedChanges, startRefreshSketch, stopSketch, expandSidebar, collapseSidebar, clearConsole, console, showRuntimeErrorWarning, hideRuntimeErrorWarning]