Merge 82816f0 into 98f10c6

akhilome · Jan 29, 2019 · ecc8c50 · ecc8c50
2 parents 98f10c6 + 82816f0
commit ecc8c50
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 0 deletions.
diff --git a/src/components/Nav.jsx b/src/components/Nav.jsx
@@ -64,6 +64,9 @@ Cart [
         </h2>
       </div>
       <nav>
+        <button type="button" className="nav-mobile small transparent">
+          ☰ menu
+        </button>
         <ul>{navContent()}</ul>
       </nav>
     </header>

diff --git a/src/index.css b/src/index.css
@@ -76,6 +76,11 @@ button.small {
   padding: 8px 12px;
 }
 
+button.transparent {
+  background-color: transparent;
+  color: #fff;
+}
+
 button.danger {
   background: #b82e33;
 }

diff --git a/src/index.html b/src/index.html
@@ -12,5 +12,11 @@
   </head>
   <body>
     <div id="app"></div>
+    <script>
+      setTimeout(() => {
+        document.querySelector('.nav-mobile').onclick = () =>
+          document.querySelector('nav ul').classList.toggle('open');
+      }, 500);
+    </script>
   </body>
 </html>
diff --git a/src/tests/components/__snapshots__/App.test.jsx.snap b/src/tests/components/__snapshots__/App.test.jsx.snap
@@ -79,6 +79,12 @@ exports[`App component should render app correctly 1`] = `
                 </h2>
               </div>
               <nav>
+                <button
+                  className="nav-mobile small transparent"
+                  type="button"
+                >
+                  ☰ menu
+                </button>
                 <ul>
                   <li>
                     <Link
@@ -287,6 +293,12 @@ exports[`App component should render app correctly for authenticated customers 1
                 </h2>
               </div>
               <nav>
+                <button
+                  className="nav-mobile small transparent"
+                  type="button"
+                >
+                  ☰ menu
+                </button>
                 <ul>
                   <li>
                     <Link