Fugly but functional hamburger menu

1 files changed, 23 insertions, 0 deletions

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>
+  );
+}