add basic menu

2020-11-21 05:05:53 -05:00
parent b77c4d29f9
commit 757ac1a52a
7 changed files with 131 additions and 9 deletions
@@ -0,0 +1,29 @@
+import React, { useState } from 'react';
+import logo from '../../1f3b9.svg';
+import './Menu.css';
+
+export default function MainMenu(props) {
+  const [open, setOpen] = useState(true);
+
+  const HandleClick = () => {
+    setOpen(!open);
+  };
+
+  return (
+    <div>
+      <div className={`menu menu-${open}`}>
+        <img src={logo} className="menu-logo" alt="logo" />
+        <header className="menu-title">Alapatch</header>
+        <div className="menu-button-container">
+          <button className="menu-button" onClick={HandleClick}>
+            New Patch
+          </button>
+          <button className="menu-button">Load Patch</button>
+        </div>
+      </div>
+      {!open && (
+        <button className="menu-open-button" onClick={HandleClick}></button>
+      )}
+    </div>
+  );
+}