close on click

Author: valmassoi

src/components/nav-items.js

@@ -45,6 +45,8 @@ const NavItems = props => {
     return matchPath(reNews);
   }
 
+  const handleLinkClick = () => props.setOpenMobileMenu()
+
   return (
     <React.Fragment>
       {data.map((item, index) => {
@@ -55,6 +57,7 @@ const NavItems = props => {
           <InternalLink
             key={index}
             to={item.path || getPath(item.pathPrefix, item.children[0])}
+            onClick={handleLinkClick}
           >
             {isActive ? (
               <Helmet
@@ -66,7 +69,7 @@ const NavItems = props => {
           </InternalLink>
         );
       })}
-      <InternalLink to="/support">
+      <InternalLink to="/support" onClick={handleLinkClick}>
         <MainNavItem
           styleProps={{
             isActive: isActive('/support'),

src/components/page-header.js

@@ -42,6 +42,7 @@ const PageHeader = ({
                 data={[docsContents, apiContents]}
                 location={location}
                 pathPrefix={pathPrefix}
+                setOpenMobileMenu={handlSetOpen}
               />
             </MainNavContainer>
           </FlexItem>
@@ -52,6 +53,7 @@ const PageHeader = ({
               data={[docsContents, apiContents]}
               location={location}
               pathPrefix={pathPrefix}
+              setOpenMobileMenu={handlSetOpen}
             />
           </MobileNavContainer>
         )}