From 641f057f2a346eb8cadd147bd62d2040f0df0bbf Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Sat, 8 Aug 2020 22:20:22 -0700
Subject: [PATCH] fix: close mobile nav after navigating to a new page

---
 src/layouts/MainLayout.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
index e36a746bd..1da9cfec8 100644
--- a/src/layouts/MainLayout.js
+++ b/src/layouts/MainLayout.js
@@ -12,6 +12,7 @@ import Sidebar from '../components/Sidebar';
 import CookieApprovalDialog from '../components/CookieApprovalDialog';
 import '../components/styles.scss';
 import usePageContext from '../hooks/usePageContext';
+import { useLocation } from '@reach/router';
 
 const gaTrackingId = 'UA-3047412-33';
 const gdprConsentCookieName = 'newrelic-gdpr-consent';
@@ -33,6 +34,7 @@ const MainLayout = ({ children }) => {
     }
   `);
 
+  const location = useLocation();
   const { fileRelativePath } = usePageContext();
   const [cookieConsent, setCookieConsent] = useState(false);
   const [isMobileNavOpen, setIsMobileNavOpen] = useState(false);
@@ -48,6 +50,10 @@ const MainLayout = ({ children }) => {
     consentValue && setCookieConsent(true);
   }, []);
 
+  useEffect(() => {
+    setIsMobileNavOpen(false);
+  }, [location.pathname]);
+
   return (
     <div
       css={css`