update missing version in mobile (#1522)

* update missing version in mobile * update where the version is
adobe · Jun 23, 2023 · 413cd15 · 413cd15
1 parent 96ed686
commit 413cd15
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/gatsby-theme-aio/src/components/Layout/index.js b/packages/gatsby-theme-aio/src/components/Layout/index.js
@@ -324,7 +324,9 @@ export default ({ children, pageContext, location }) => {
   }, [setShowSearch]);
 
   useEffect( () => {
-    setHasSideNav(false);
+    if (window.innerWidth >= parseInt(MOBILE_SCREEN_WIDTH)) {
+      setShowSideNav(false);
+    }
   }, [location]);
 
   useEffect(() => {
@@ -864,6 +866,7 @@ export default ({ children, pageContext, location }) => {
                 `}>
                 <SideNav
                   mainNavPages={pages}
+                  versions={versions}
                   location={location}
                   selectedPages={sideNavSelectedPages}
                   selectedSubPages={sideNavSelectedSubPages}

diff --git a/packages/gatsby-theme-aio/src/components/SideNav/index.js b/packages/gatsby-theme-aio/src/components/SideNav/index.js
@@ -50,7 +50,7 @@ const getSelectedTabIndex = (location, pages) => {
   return selectedIndex;
 };
 
-const SideNav = ({ mainNavPages, selectedPages, selectedSubPages, setShowSideNav, location }) => {
+const SideNav = ({versions, mainNavPages, selectedPages, selectedSubPages, setShowSideNav, location }) => {
   const [expandedPages, setExpandedPages] = useState([]);
   const [expandedMenus, setExpandedMenus] = useState([]);
   const [sideNavClick, setSideNavClick] = useState(false);
@@ -325,6 +325,7 @@ const SideNav = ({ mainNavPages, selectedPages, selectedSubPages, setShowSideNav
               role="tree"
               aria-label="Global Navigation"
               className={classNames('spectrum-SideNav', 'spectrum-SideNav--multiLevel')}>
+              {versions && renderMenuTree([{title: 'Versions', menu: versions}], 1)}
               {renderMenuTree(mainNavPages, 1)}
               <AnchorButton variant="primary" href="/console" id={'consoleId'} tabIndex="0">
                 Console
@@ -357,6 +358,7 @@ const SideNav = ({ mainNavPages, selectedPages, selectedSubPages, setShowSideNav
 
 SideNav.propTypes = {
   mainNavPages: PropTypes.array,
+  versions: PropTypes.array,
   selectedPages: PropTypes.array,
   selectedSubPages: PropTypes.array,
   setShowSideNav: PropTypes.func,