From d22bc521bb1a99c4d5aca2abef67142555ba9305 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Sun, 3 Mar 2019 13:52:54 +0100
Subject: [PATCH] Show how to toggle

---
 src/components/Navbar.js | 34 +++++++++++++---------------------
 1 file changed, 13 insertions(+), 21 deletions(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index e8a8da8..7176de6 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -3,21 +3,13 @@ import { Link, StaticQuery, graphql } from 'gatsby'
 import github from '../img/github-icon.svg'
 import logo from '../img/logo.svg'
 
-const Navbar = () => (
-  <StaticQuery
-    query={graphql`
-      query {
-        allWordpressPage(sort: { fields: wordpress_id }, limit: 5) {
-          edges {
-            node {
-              title
-              slug
-            }
-          }
-        }
-      }
-    `}
-    render={data => (
+export default class Navbar extends React.Component {
+  toggleNav() {
+    console.log('toggle')
+  }
+
+  render() {
+    return (
       <header className="site-header">
         <nav className="site-nav">
           <Link to="/program/">Program</Link>
@@ -41,11 +33,11 @@ const Navbar = () => (
           <Link to="/om-dns/">Om oss</Link>
           <Link to="/foreningene/">Foreningene</Link>
           <Link to="/booking/">Utleie</Link>
-          <div className="site-nav_toggle">=</div>
+          <div className="site-nav_toggle" onClick={this.toggleNav}>
+            =
+          </div>
         </nav>
       </header>
-    )}
-  />
-)
-
-export default Navbar
+    )
+  }
+}