up to date master

Author: guizzettic

package.json

@@ -66,6 +66,7 @@
     "@babel/preset-env": "^7.10.4",
     "@babel/preset-react": "^7.10.4",
     "@types/chrome": "^0.0.119",
+    "@types/d3-scale-chromatic": "^2.0.0",
     "@types/jest": "^26.0.4",
     "@types/node": "^12.12.50",
     "@typescript-eslint/eslint-plugin": "^3.6.1",
@@ -118,13 +119,15 @@
     "@visx/responsive": "^1.0.0",
     "@visx/scale": "^1.0.0",
     "@visx/shape": "^1.0.0",
+    "@visx/text": "^1.0.0",
     "@visx/tooltip": "^1.0.0",
     "@visx/zoom": "^1.0.0",
     "acorn": "^7.3.1",
     "acorn-jsx": "^5.2.0",
     "bower": "^1.8.8",
     "cookie": "^0.4.1",
     "d3": "^5.16.0",
+    "d3-scale-chromatic": "^2.0.0",
     "d3-shape": "^2.0.0",
     "d3-zoom": "^1.8.3",
     "flatted": "^3.0.4",

src/app/actions/actions.ts

@@ -78,8 +78,13 @@ export const resetSlider = () => ({
   type: types.SLIDER_ZERO,
 });
 
-export const onHover = () => ({
+export const onHover = (rtid) => ({
   type: types.ON_HOVER, 
   //the payload should be something to relate the component we're hovering and highlight that component on the DOM
-  payload: 'PAYLOAD FROM onHover inside of action.ts'
+  payload: rtid
+})
+
+export const onHoverExit = (rtid) => ({
+  type: types.ON_HOVER_EXIT,
+  payload: rtid
 })