From 43f9656cd81d8952e684db43ceda590b574ed9a6 Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Fri, 2 Sep 2022 00:08:55 +0300
Subject: Fugly but functional hamburger menu

---
 src/Menu.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/Menu.tsx

(limited to 'src/Menu.tsx')

diff --git a/src/Menu.tsx b/src/Menu.tsx
new file mode 100644
index 0000000..a242a5d
--- /dev/null
+++ b/src/Menu.tsx
@@ -0,0 +1,23 @@
+import React, { useState } from "react";
+
+interface MenuProps {
+  // open: boolean,
+}
+
+export function Menu({ }: MenuProps) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div id="menu" onClick={() => { setOpen(!open) }}>
+      <div id="bars">
+        <div className="bar"></div>
+        <div className="bar"></div>
+        <div className="bar"></div>
+      </div>
+      {open ? <div id="about">
+        <p>זה הטקסט אודות האתר.</p>
+        <p>את כל הקוד אפשר למצוא ב<a href="">גיטהאב</a>.</p>
+      </div> : null}
+    </div>
+  );
+}
-- 
cgit v1.3.1