add basic menu

2020-11-21 20:00:42 -05:00
parent 4cd18275a3
commit 3a49cdcec6
2 changed files with 51 additions and 5 deletions
@@ -11,7 +11,7 @@ export default function MainMenu(props) {

  return (
    <div>
-      <div className={`menu menu-${open}`}>
+      <div className={open ? 'menu menu-true' : 'menu menu-false scale-out-tl'}>
        <img src={logo} className="menu-logo" alt="logo" />
        <header className="menu-title">Alapatch</header>
        <div className="menu-button-container">
@@ -22,7 +22,11 @@ export default function MainMenu(props) {
        </div>
      </div>
      {!open && (
-        <button className="menu-open-button" onClick={HandleClick}></button>
+        <button
+          className="menu-open-button"
+          onClick={HandleClick}
+          onAnimationEnd={() => setOpen(!open)}
+        />
      )}
    </div>
  );