try logging messages to textarea

jrcichra · Jul 24, 2022 · c447335 · c447335
1 parent a4c8020
commit c447335
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/gui/src/Home.tsx b/gui/src/Home.tsx
@@ -31,6 +31,8 @@ function Home() {
 
   const [pianoChannel, setPianoChannel] = useState<number>(1);
 
+  const [midiLog, setMidiLog] = useState<string>("");
+
   const websocket = useRef<WebSocket>();
 
   const firstNote = MidiNumbers.fromNote("c3");
@@ -130,6 +132,7 @@ function Home() {
       };
       websocket.current.onmessage = (event) => {
         console.log("Socket Message: ", event.data);
+        setMidiLog(midiLog + "\n" + event.data)
       };
     }
 
@@ -265,6 +268,9 @@ function Home() {
           width={1000}
           keyboardShortcuts={keyboardShortcuts}
         />
+        <textarea id="midilog">
+          {midiLog}
+        </textarea>
       </div>
     </div>
   );