From dd6346dda01abebcf653c2d0e223053763dd41c3 Mon Sep 17 00:00:00 2001
From: Zack Stickles <zstickles@gmail.com>
Date: Mon, 27 Apr 2020 12:18:25 -0700
Subject: [PATCH] chore: updating open state names for consistency

---
 src/components/HamburgerMenu.js | 8 ++++----
 src/components/Header.js        | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/HamburgerMenu.js b/src/components/HamburgerMenu.js
index 476b0f8fe..f984f03ae 100644
--- a/src/components/HamburgerMenu.js
+++ b/src/components/HamburgerMenu.js
@@ -4,12 +4,12 @@ import cx from 'classnames';
 
 import './HamburgerMenu.scss';
 
-const HamburgerMenu = ({ toggle, open }) => (
+const HamburgerMenu = ({ toggle, isOpen }) => (
   <button
     aria-expanded={open}
     aria-label="Mobile Menu"
     type="button"
-    className={cx('HamburgerMenu', { HamburgerMenu__open: open })}
+    className={cx('HamburgerMenu', { HamburgerMenu__open: isOpen })}
     onClick={() => toggle()}
   >
     <div />
@@ -20,11 +20,11 @@ const HamburgerMenu = ({ toggle, open }) => (
 
 HamburgerMenu.propTypes = {
   toggle: PropTypes.func.isRequired,
-  open: PropTypes.bool,
+  isOpen: PropTypes.bool,
 };
 
 HamburgerMenu.defaultProps = {
-  open: false,
+  isOpen: false,
 };
 
 export default HamburgerMenu;
diff --git a/src/components/Header.js b/src/components/Header.js
index 5ec40cc0e..743678409 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -10,7 +10,7 @@ import HamburgerMenu from './HamburgerMenu';
 import './Header.scss';
 
 const Header = ({ pages }) => {
-  const [menuOpen, setMenuOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
 
   // NOTE: we may want to abstract this
   const data = useStaticQuery(graphql`
@@ -34,7 +34,7 @@ const Header = ({ pages }) => {
 
   return (
     <header
-      className={cx('Header--main', { 'Header--main__menuOpen': menuOpen })}
+      className={cx('Header--main', { 'Header--main__menuOpen': isOpen })}
     >
       <Container>
         <nav
@@ -72,7 +72,7 @@ const Header = ({ pages }) => {
           <Link to="/">{'</>'} New Relic Developers</Link>
         </h1>
 
-        <HamburgerMenu toggle={() => setMenuOpen(!menuOpen)} open={menuOpen} />
+        <HamburgerMenu toggle={() => setIsOpen(!isOpen)} isOpen={isOpen} />
 
         <nav role="navigation" aria-label="Main" className="Header-nav--main">
           <h3 className="u-hideOnDesktop">Developers</h3>