add blink function

1 files changed, 9 insertions, 1 deletions

diff --git a/app/app.js b/app/app.js
index 5f78b4a..5fa04b4 100644
--- a/app/app.js
+++ b/app/app.js
@@ -141,6 +141,14 @@ export default class App extends React.Component {
       this.props.midiin.onmidimessage = this.onmessage;
   }
 
+  blink = (note) => {
+    if (this.keyboardRef.current) {
+      const { current } = this.keyboardRef;
+      current.onmessage({ cmd: NOTE_ON, note });
+      setTimeout(() => current.onmessage({ cmd: NOTE_OFF, note }), 250);
+    }
+  }
+
   onmessage = (e) => {
     const message = parse(e);
 
@@ -183,7 +191,7 @@ export default class App extends React.Component {
 
         <Keyboard
           ref={this.keyboardRef}
-          w={10}
+          w={12}
           h={4}
           send={this.send}
           layout={layout}