From a28a8916d9a4ead9750771a4cf02208ec33b366c Mon Sep 17 00:00:00 2001
From: Mitchell Simon <mitchelljfsimon@gmail.com>
Date: Tue, 3 Sep 2019 00:34:08 -0400
Subject: [PATCH] Refactor navbar menu button rendering

---
 src/components/Navbar/index.tsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index c102710..0c8cd97 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -18,13 +18,23 @@ class Navbar extends React.Component<{}, State> {
     this.toggleMenu = this.toggleMenu.bind(this)
     this.renderButtons = this.renderButtons.bind(this)
     this.closeMenu = this.closeMenu.bind(this)
+    this.menuButton = this.menuButton.bind(this)
   }
 
   public render() {
-    let menuButton: JSX.Element | null = null
+    return (
+      <div className="navbar">
+        {this.menuButton()}
+        {this.state.showMenu && (
+          <div className="navbar-menu">{this.renderButtons()}</div>
+        )}
+      </div>
+    )
+  }
 
+  private menuButton() {
     if (this.isMobile()) {
-      menuButton = (
+      return (
         <div
           className={
             this.state.showMenu
@@ -38,14 +48,7 @@ class Navbar extends React.Component<{}, State> {
       )
     }
 
-    return (
-      <div className="navbar">
-        {menuButton}
-        {this.state.showMenu ? (
-          <div className="navbar-menu">{this.renderButtons()}</div>
-        ) : null}
-      </div>
-    )
+    return null
   }
 
   private isMobile() {