console logged through component map tree to identify population of values for node.x and node.y

Author: ay7991

src/app/components/StateRoute/ComponentMap/ComponentMap.tsx

@@ -57,8 +57,6 @@ export default function ComponentMap({
   const [selectedNode, setSelectedNode] = useState('root'); // We create a local state "selectedNode" and set it to a string 'root'.
   const dispatch = useDispatch();
 
-  console.log('totalHeight: ', totalHeight);
-
   const toolTipTimeoutID = useRef(null); //useRef stores stateful data that’s not needed for rendering.
 
   useEffect(() => {
@@ -102,6 +100,8 @@ export default function ComponentMap({
     }
   }
 
+  console.log('size width height component map: ', sizeWidth, sizeHeight);
+
   const {
     tooltipData, // value/data that tooltip may need to render
     tooltipLeft, // number used for tooltip positioning
@@ -184,9 +184,7 @@ export default function ComponentMap({
 
   findSelectedNode(); // locates the rootNode... do we really need this? This function is only used once... it's here.
 
-  console.log('startNode:', startNode);
-  console.log('nodelist:', nodeList);
-  console.log('nodelist length:', nodeList.length);
+  console.log('startNode: ', startNode);
 
   // controls for the map
   const LinkComponent: React.ComponentType<unknown> = getLinkComponent({
@@ -260,6 +258,8 @@ export default function ComponentMap({
 
                   if (layout === 'polar') {
                     const [radialX, radialY] = pointRadial(node.x, node.y);
+                    console.log('component map, radial x y', radialX, radialY);
+                    console.log('component map node.x, node.y:', node.x, node.y);
                     top = radialY;
                     left = radialX;
                   } else if (orientation === 'vertical') {