From ef0929fe99d9b8014ffb3fc5c40d3bf8d50a9bc4 Mon Sep 17 00:00:00 2001
From: William Tran <william.tran1@uwaterloo.ca>
Date: Thu, 26 Aug 2021 19:52:21 -0400
Subject: [PATCH] Factor out burger

---
 components/OrganizedContent.tsx | 76 ++++++++++++++++++---------------
 1 file changed, 41 insertions(+), 35 deletions(-)

diff --git a/components/OrganizedContent.tsx b/components/OrganizedContent.tsx
index ac82a0f1..4e188507 100644
--- a/components/OrganizedContent.tsx
+++ b/components/OrganizedContent.tsx
@@ -103,41 +103,7 @@ export function OrganizedContent({
         onClick={() => setMobileNavOpen(!mobileNavOpen)}
       >
         {/* this is copied from hamburger.svg with changed colors */}
-        <svg
-          width="30"
-          height="23"
-          viewBox="0 0 30 23"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <line
-            x1="28"
-            y1="2"
-            x2="2"
-            y2="2"
-            strokeWidth="4"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <line
-            x1="28"
-            y1="11.375"
-            x2="2"
-            y2="11.375"
-            strokeWidth="4"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <line
-            x1="28"
-            y1="20.75"
-            x2="2"
-            y2="20.75"
-            strokeWidth="4"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </svg>
+        <Burger/>
       </button>
     </div>
   );
@@ -370,3 +336,43 @@ function useBurger(componentIsVisible: boolean): boolean {
 
   return burgerVisible;
 }
+
+function Burger() {
+  return (
+    <svg
+      width="30"
+      height="23"
+      viewBox="0 0 30 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="28"
+        y1="2"
+        x2="2"
+        y2="2"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="28"
+        y1="11.375"
+        x2="2"
+        y2="11.375"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="28"
+        y1="20.75"
+        x2="2"
+        y2="20.75"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}
\ No newline at end of file