diff --git a/client/components/Dropdown.jsx b/client/components/Dropdown.jsx
index 9e2526bd..1ca7210b 100644
--- a/client/components/Dropdown.jsx
+++ b/client/components/Dropdown.jsx
@@ -39,6 +39,8 @@ import { Link } from 'react-router';
//
//
+// 'nav__item--open'
+
const Dropdown = ({ items }) => (
{items && items.map(item => (
diff --git a/client/modules/IDE/pages/MobileIDEView.jsx b/client/modules/IDE/pages/MobileIDEView.jsx
index f24eba76..15f211cd 100644
--- a/client/modules/IDE/pages/MobileIDEView.jsx
+++ b/client/modules/IDE/pages/MobileIDEView.jsx
@@ -28,6 +28,7 @@ import Footer from '../../../components/mobile/Footer';
import IDEWrapper from '../../../components/mobile/IDEWrapper';
import Console from '../components/Console';
import { remSize } from '../../../theme';
+import Dropdown from '../../../components/Dropdown';
const isUserOwner = ({ project, user }) => (project.owner && project.owner.id === user.id);
@@ -36,6 +37,16 @@ const BottomBarContent = styled.h2`
padding-left: ${remSize(32)};
`;
+
+// TODO: Move to new file?
+// const overlays = {};
+// const OverlayManager = name => overlays[name] || null;
+
+const headerNavOptions = [
+ { icon: PreferencesIcon, title: 'Preferences', route: '/mobile/preferences' }
+];
+
+
const MobileIDEView = (props) => {
const {
preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage,
@@ -48,6 +59,8 @@ const MobileIDEView = (props) => {
const [tmController, setTmController] = useState(null); // eslint-disable-line
const [overlay, setOverlay] = useState(null); // eslint-disable-line
+ // const overlayActive = name => (overlay === name);
+
return (
{
}
>
setOverlay('preferences')}
+ // to="/mobile/preferences"
+ onClick={() => setOverlay('dropdown')}
icon={MoreIcon}
- aria-label="Open preferences menu"
+ aria-label="Options"
/>
{ startSketch(); }} icon={PlayIcon} aria-label="Run sketch" />
@@ -106,6 +119,9 @@ const MobileIDEView = (props) => {
Bottom Bar
+
+ {/* Overlays */}
+
);
};