cleanup of IDEView

client/modules/IDE/components/Editor/index.jsx

@@ -516,7 +516,10 @@ class Editor extends React.Component {
                 <button
                   aria-label={this.props.t('Editor.OpenSketchARIA')}
                   className="sidebar__contract"
-                  onClick={this.props.collapseSidebar}
+                  onClick={() => {
+                    this.props.collapseSidebar();
+                    this.props.closeProjectOptions();
+                  }}
                 >
                   <LeftArrowIcon focusable="false" aria-hidden="true" />
                 </button>
@@ -629,6 +632,7 @@ Editor.propTypes = {
   ).isRequired,
   isExpanded: PropTypes.bool.isRequired,
   collapseSidebar: PropTypes.func.isRequired,
+  closeProjectOptions: PropTypes.func.isRequired,
   expandSidebar: PropTypes.func.isRequired,
   clearConsole: PropTypes.func.isRequired,
   hideRuntimeErrorWarning: PropTypes.func.isRequired,

client/modules/IDE/components/Header/MobileNav.jsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useMemo, useState } from 'react';
+import React, { useContext, useMemo, useState } from 'react';
 import styled from 'styled-components';
 import { useDispatch, useSelector } from 'react-redux';
 import { useTranslation } from 'react-i18next';
@@ -224,7 +224,7 @@ const MobileNav = () => {
     }
   }
 
-  const title = useMemo(resolveTitle, [pageName]);
+  const title = useMemo(resolveTitle, [pageName, project.name]);
 
   const Logo = AsteriskIcon;
   return (

client/modules/IDE/components/Sidebar.jsx

@@ -74,6 +74,7 @@ export default function SideBar() {
           data-backdrop="filedrawer"
           onClick={() => {
             dispatch(collapseSidebar());
+            dispatch(closeProjectOptions());
           }}
         >
           {' '}