From be1e113df0b97f31bd82c44b576cae89e4d9e09e Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Wed, 2 Dec 2020 01:19:53 +0200
Subject: [PATCH] Fix MobileNav state

---
 src/components/Header.tsx           | 2 +-
 src/components/NavigationMobile.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 8e823cd..8a28282 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -64,7 +64,7 @@ const Header: React.FC = () => {
         <HeaderLogo />
         <Navigation onMobileMenuOpen={handleMobileMenuClick} />
       </StyledHeader>
-      <NavigationMobile isOpen={mobileMenuOpen} />
+      <NavigationMobile mobileMenuOpen={mobileMenuOpen} />
     </Sticky>
   )
 }
diff --git a/src/components/NavigationMobile.tsx b/src/components/NavigationMobile.tsx
index 195d591..8d50633 100644
--- a/src/components/NavigationMobile.tsx
+++ b/src/components/NavigationMobile.tsx
@@ -33,11 +33,11 @@ const Nav = styled.nav`
 `;
 
 interface NavigationMobileProps {
-  isOpen?: boolean;
+  mobileMenuOpen?: boolean;
 }
 
-const NavigationMobile: React.FC<NavigationMobileProps> = ({ isOpen }) => (
-  <Nav hidden={isOpen}>
+const NavigationMobile: React.FC<NavigationMobileProps> = ({ mobileMenuOpen }) => (
+  <Nav hidden={!mobileMenuOpen}>
     {renderNavigationMobileItems()}
   </Nav>
 )