(added) added logic in componentMap to adequatley split onHoverFeature

Co-authored-by: Vincent Nguyen <[email protected]>

Author: SanjayLavingia

src/app/components/ComponentMap.tsx

@@ -11,7 +11,7 @@ import { pointRadial } from 'd3-shape';
 import useForceUpdate from './useForceUpdate';
 import LinkControls from './LinkControls';
 import getLinkComponent from './getLinkComponent';
-import { onHover } from '../actions/actions'
+import { onHover, onHoverExit } from '../actions/actions'
 import { useStoreContext } from '../store'
 
 const defaultMargin = { top: 30, left: 30, right: 30, bottom: 70 };
@@ -130,7 +130,6 @@ export default function ComponentMap({
                           fill="url('#links-gradient')"
                           onClick={() => {
                             node.data.isExpanded = !node.data.isExpanded;
-                            console.log('node',node);
                             forceUpdate();
                           }}
                         />
@@ -151,14 +150,19 @@ export default function ComponentMap({
                             node.data.isExpanded = !node.data.isExpanded;
                             forceUpdate();
                           }}
-                          
+                          onMouseLeave={()=> {
+                            if(Object.keys(node.data.recoilDomNode).length > 0){
+                              dispatch(onHoverExit(node.data.recoilDomNode[node.data.name]))
+                            } else {
+                              dispatch(onHoverExit(node.data.rtid))
+                            }
+                          }}
                           onMouseEnter={()=> {
                             if(Object.keys(node.data.recoilDomNode).length > 0){
                               dispatch(onHover(node.data.recoilDomNode[node.data.name]))
                             } else {
                               dispatch(onHover(node.data.rtid))
-                            }
-                                                    
+                            }   
                           }
                         />
                       )}