debugging currLocation

Author: FreyaWu

src/app/components/History.tsx

@@ -110,6 +110,7 @@ function History(props: Record<string, unknown>) {
       // .join("g")
       .attr('transform', d => `translate(${d.x},${d.y})`);
 
+
     node.append('circle')
       .attr('fill', d => {
         if (d.data.index === currLocation.index) {
@@ -121,6 +122,8 @@ function History(props: Record<string, unknown>) {
       .style('cursor', 'pointer')
       .on('click', d => {
         console.log('DEBUG >>> onclick d:', d);
+        console.log('DEBUG >>> Clicked on currlocation:', currLocation);
+        console.log('DEBUG >>> Clicked on d.data:', d.data.index);
         dispatch(changeView(d.data.index));
         dispatch(changeSlider(d.data.index));
       })

src/app/containers/ActionContainer.tsx

@@ -134,19 +134,19 @@ function ActionContainer(props) {
   function handleOnKeyDown(e: KeyboardEvent, i: number) {
     let currIndex = i;
     // up arrow key pressed
-    if (e.keyCode === 38) {
+    if (e.key === 'ArrowUp') {
       currIndex -= 1;
       if (currIndex < 0) return;
       dispatch(changeView(currIndex));
     }
     // down arrow key pressed
-    else if (e.keyCode === 40) {
+    else if (e.key === 'ArrowDown') {
       currIndex += 1;
       if (currIndex > hierarchyArr.length - 1) return;
       dispatch(changeView(currIndex));
     }
     // enter key pressed
-    else if (e.keyCode === 13) {
+    else if (e.key === 'Enter') {
       e.stopPropagation();
       e.preventDefault(); // needed or will trigger onClick right after
       dispatch(changeSlider(currIndex));