final working commit

Author: guizzettic

src/app/components/History.tsx

@@ -34,9 +34,8 @@ const filterHooks = (data: any[]) => {
  * @method maked3Tree :Creates a new D3 Tree
  */
 
-export default function History(props) {
+function History(props) {
   let { hierarchy } = props;
-  console.log('hierarchy is', hierarchy);
   let root = JSON.parse(JSON.stringify(hierarchy));
   let isRecoil = false;
   let HistoryRef = React.createRef(root); //React.createRef(root);
@@ -251,9 +250,12 @@ export default function History(props) {
       return [(y = +y) * Math.cos((x -= Math.PI / 2)), y * Math.sin(x)];
     }
   };
+
   return (
     <>
       <div ref={HistoryRef} className="history-d3-div" id="historyContainer" />
     </>
   );
 }
+
+export default History;

src/app/components/legend.tsx

@@ -9,12 +9,9 @@ const legendGlyphSize = 12;
 export default function Legendary(props: any) {
   // { events = false }: { events?: boolean }) {
 
-  console.log('successfully invoke Legendary function call');
   const { hierarchy } = props;
-  console.log('and hierarchy being passed in is', hierarchy);
 
   const getSnapshotIds = (obj, snapshotIds = []) => {
-    console.log('obj.name is', obj.name);
     snapshotIds.push(`${obj.name}.${obj.branch}`);
     if (obj.children) {
       obj.children.forEach((child) => {
@@ -25,7 +22,6 @@ export default function Legendary(props: any) {
   };
 
   const snap = getSnapshotIds(hierarchy);
-  console.log('passing hierarchy as an object to getSnapshotIds is -->', snap);
 
   const ordinalColorScale = scaleOrdinal<number, string>({
     domain: snap,