make button reset state

2020-11-21 22:44:05 -05:00
parent 813fdd3b38
commit 7c638843e6
3 changed files with 494 additions and 490 deletions
@@ -1,33 +1,41 @@
 import React, { useState } from 'react';
+import { useDispatch } from 'react-redux'; // probably temporarily here
+import { parameterRefreshAll } from '../timbre/parameters/parameterSlice'; // probably temporarily here
 import logo from '../../1f3b9.svg';
 import './Menu.css';

 export default function MainMenu(props) {
-  const [open, setOpen] = useState(true);
+    const [open, setOpen] = useState(true);
+    const dispatch = useDispatch();

-  const HandleClick = () => {
-    setOpen(!open);
-  };
+    const HandleClick = () => {
+        setOpen(!open);
+    };

-  return (
-    <div>
-      <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">
-          <button className="menu-button" onClick={HandleClick}>
-            New Patch
-          </button>
-          <button className="menu-button">Load Patch</button>
+    return (
+        <div>
+            <div className={open ? 'menu' : 'menu scale-out-tl'}>
+                <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();
+                            dispatch(parameterRefreshAll());
+                        }}>
+                        New Patch
+                    </button>
+                    <button className="menu-button">Load Patch</button>
+                </div>
+            </div>
+            {!open && (
+                <button
+                    className="menu-open-button"
+                    onClick={HandleClick}
+                    onAnimationEnd={() => setOpen(!open)}
+                />
+            )}
        </div>
-      </div>
-      {!open && (
-        <button
-          className="menu-open-button"
-          onClick={HandleClick}
-          onAnimationEnd={() => setOpen(!open)}
-        />
-      )}
-    </div>
-  );
+    );
 }