diff --git a/client/modules/IDE/components/Editor/index.jsx b/client/modules/IDE/components/Editor/index.jsx index ee1344a913..35e47248f8 100644 --- a/client/modules/IDE/components/Editor/index.jsx +++ b/client/modules/IDE/components/Editor/index.jsx @@ -516,7 +516,10 @@ class Editor extends React.Component { @@ -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, diff --git a/client/modules/IDE/components/Header/MobileNav.jsx b/client/modules/IDE/components/Header/MobileNav.jsx index d174c8e108..3c91f1e699 100644 --- a/client/modules/IDE/components/Header/MobileNav.jsx +++ b/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 ( diff --git a/client/modules/IDE/components/Sidebar.jsx b/client/modules/IDE/components/Sidebar.jsx index e756db5946..c01815d339 100644 --- a/client/modules/IDE/components/Sidebar.jsx +++ b/client/modules/IDE/components/Sidebar.jsx @@ -74,6 +74,7 @@ export default function SideBar() { data-backdrop="filedrawer" onClick={() => { dispatch(collapseSidebar()); + dispatch(closeProjectOptions()); }} > {' '}