(modified) componentMap on mouseEnter is currently sending an array back, still need to modify logic to distinguish between recoil and non-recoil

Co-authored-by: Sanjay Lavingia <[email protected]>
Co-authored-by: Alexander Landeros <[email protected]

Author: VNguyenCode

src/app/components/ComponentMap.tsx

@@ -149,10 +149,11 @@ export default function ComponentMap({
                           rx={node.data.children ? 0 : 10}
                           onClick={() => {
                             node.data.isExpanded = !node.data.isExpanded;
-                            console.log(node);
                             forceUpdate();
                           }}
-                          onMouseEnter={()=> {dispatch(onHover(node.data.rtid))}
+                          onMouseEnter={()=> {
+                            dispatch(onHover(node.data.recoilDomNode[node.data.name]))                        
+                          }
                         />
                       )}
                       <text

src/backend/index.ts

@@ -59,20 +59,23 @@ window.addEventListener('message', ({ data: { action, payload } }: MsgData) => {
       mode.paused = payload;
       break;
     case 'onHover':
-      if (payload !== null) {
-        let element = document.getElementById(payload)
 
-        if (element !== null) {
 
-          element.style.backgroundColor = '#C0D9D9'; 
-          setTimeout( () => {
-            element.style.backgroundColor = "";
-          }, 500)
-        }
+
+      // if (payload !== null) {
+      //   let element = document.getElementById(payload)
+
+      //   if (element !== null) {
+
+      //     element.style.backgroundColor = '#C0D9D9'; 
+      //     setTimeout( () => {
+      //       element.style.backgroundColor = "";
+      //     }, 500)
+      //   }
 
-        // console.log('WE MADE IT ALL THE WAY FROM THE FRONTEND! HERE\'S THE PAYLOAD:', payload);
-        // console.log(element);
-      }
+      //   // console.log('WE MADE IT ALL THE WAY FROM THE FRONTEND! HERE\'S THE PAYLOAD:', payload);
+      //   // console.log(element);
+      // }
       break;
     default:
       break;