From a8dbe7d2cef1d308d6a7271c6496dcdaa9039174 Mon Sep 17 00:00:00 2001
From: YeonV <trusted.yeon@gmail.com>
Date: Sat, 5 Oct 2024 04:19:53 +0200
Subject: [PATCH] .

---
 src/components/Midi/MidiListener.tsx | 43 +++++++++++++++-------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/components/Midi/MidiListener.tsx b/src/components/Midi/MidiListener.tsx
index 69dec60e..3a85dbdd 100644
--- a/src/components/Midi/MidiListener.tsx
+++ b/src/components/Midi/MidiListener.tsx
@@ -223,33 +223,36 @@ const MIDIListener = () => {
     
     enableWebMidi()
     
-    
-
-
-    const handleWebsockets = (event: any) => {
+    const initLeds = () => {
       const output = WebMidi.getOutputByName(midiOutput)
       if (output)  {
         Object.entries(midiMapping[0]).forEach(([key, value]) => {
-        const buttonNumber = value.buttonNumber
-        if (value.command !== 'scene' && value.command && value.command !== 'none' && buttonNumber !== -1) {
-          if (output) {
-            try {
-              output.send([parseInt(`0x${value.typeCommand}`) || 0x90, buttonNumber, parseInt(value.colorCommand || commandColor, 16) || 99])
-            } catch (error) {
-              console.error('Error sending MIDI message:', error)
+          const buttonNumber = value.buttonNumber
+          if (value.command !== 'scene' && value.command && value.command !== 'none' && buttonNumber !== -1) {
+            if (output) {
+              try {
+                output.send([parseInt(`0x${value.typeCommand}`) || 0x90, buttonNumber, parseInt(value.colorCommand || commandColor, 16) || 99])
+              } catch (error) {
+                console.error('Error sending MIDI message:', error)
+              }
             }
-          }
-        } else if (value.command === 'scene') {
-          if (output && buttonNumber !== -1) {
-            try {
-              output.send([parseInt(`0x${value.typeSceneInactive}`) || 0x90, buttonNumber, parseInt(value.colorSceneInactive || midiSceneInactiveColor, 16) || 60])
-            } catch (error) {
-              console.error('Error sending MIDI message:', error)
+          } else if (value.command === 'scene') {
+            if (output && buttonNumber !== -1) {
+              try {
+                output.send([parseInt(`0x${value.typeSceneInactive}`) || 0x90, buttonNumber, parseInt(value.colorSceneInactive || midiSceneInactiveColor, 16) || 60])
+              } catch (error) {
+                console.error('Error sending MIDI message:', error)
+              }
             }
           }
-        }
-      })
+        })
+      }
     }
+    initLeds()
+
+    const handleWebsockets = (event: any) => {
+      initLeds()
+      const output = WebMidi.getOutputByName(midiOutput)
       try {
         if (event.type === 'scene_activated') {
           const { scene_id } = event.detail