diff --git a/client/modules/IDE/pages/MobileIDEView.jsx b/client/modules/IDE/pages/MobileIDEView.jsx
index c20908a8..3504ff9f 100644
--- a/client/modules/IDE/pages/MobileIDEView.jsx
+++ b/client/modules/IDE/pages/MobileIDEView.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { withRouter } from 'react-router';
@@ -46,6 +46,21 @@ const NavItem = styled.li`
position: relative;
`;
+const getNatOptions = (username = undefined) =>
+ (username
+ ? [
+ { icon: PreferencesIcon, title: 'Preferences', href: '/mobile/preferences', },
+ { icon: PreferencesIcon, title: 'My Stuff', href: `/mobile/${username}/sketches` },
+ { icon: PreferencesIcon, title: 'Examples', href: '/mobile/p5/sketches' },
+ { icon: PreferencesIcon, title: 'Original Editor', href: '/', },
+ ]
+ : [
+ { icon: PreferencesIcon, title: 'Preferences', href: '/mobile/preferences', },
+ { icon: PreferencesIcon, title: 'Examples', href: '/mobile/p5/sketches' },
+ { icon: PreferencesIcon, title: 'Original Editor', href: '/', },
+ ]
+ );
+
const MobileIDEView = (props) => {
const {
preferences, ide, editorAccessibility, project, updateLintMessage, clearLintMessage,
@@ -58,25 +73,23 @@ const MobileIDEView = (props) => {
const [tmController, setTmController] = useState(null); // eslint-disable-line
const { username } = user;
- const navOptionsLoggedIn = [
- { icon: PreferencesIcon, title: 'Preferences', href: '/mobile/preferences', },
- { icon: PreferencesIcon, title: 'My Stuff', href: `/mobile/${username}/sketches` },
- { icon: PreferencesIcon, title: 'Examples', href: '/mobile/p5/sketches' },
- { icon: PreferencesIcon, title: 'Original Editor', href: '/', },
- ];
-
- const navOptionsLoggedOut = [
- { icon: PreferencesIcon, title: 'Preferences', href: '/mobile/preferences', },
- { icon: PreferencesIcon, title: 'Examples', href: '/mobile/p5/sketches' },
- { icon: PreferencesIcon, title: 'Original Editor', href: '/', },
- ];
-
const [triggerNavDropdown, NavDropDown] = useAsModal();
+ // Load Project
+ useEffect(() => {
+ // const { project_id } = params;
+ // const oldproject_id = '';
+
+ // if (nextProps.params.project_id && !oldproject_id)
+ // if (nextProps.params.project_id !== nextProps.project.id)
+
+ // getProject(nextProps.params.project_id);
+ }, []);
+
return (