(added) added onHover action to ComponentMap.tsx. Now, when you hover over a Node in the component map on the frontend, it runs the dummy function for onHover

Author: SanjayLavingia

src/app/components/ComponentMap.tsx

@@ -6,6 +6,8 @@
 
 import React, { useEffect, useCallback } from 'react';
 import * as d3 from 'd3';
+import { useStoreContext } from '../store'
+import { onHover } from '../actions/actions'
 
 interface componentMapProps {
   x: number;
@@ -34,6 +36,7 @@ const ComponentMap = (props: componentMapProps) => {
     return makeChart(data);
   }, [data]);
 
+  const [{ tabs, currentTab }, dispatch] = useStoreContext();
   const makeChart = useCallback(
     (data) => {
       // Establish Constants
@@ -146,6 +149,7 @@ const ComponentMap = (props: componentMapProps) => {
         //TODO -> Alter incoming snapshots so there is useful data to show on hover.
         nodeEnter.on('mouseover', function (d: any, i: number): any {
             console.log('mousing over')
+            dispatch(onHover());
             d3.select(this)
               .append('text')
               .text(() => {