finalized feature

Author: hienqn

package-lock.json

@@ -117,6 +117,7 @@
     "react-dom": "^16.13.1",
     "react-google-chart": "^0.1.2",
     "react-google-charts": "^3.0.15",
+    "react-google-charts-ts": "^0.1.1",
     "react-html-parser": "^2.0.2",
     "react-json-tree": "^0.11.2",
     "react-router-dom": "^5.2.0",

package.json

@@ -1,7 +1,8 @@
 import React, { Component, useEffect, useState, Fragment } from 'react';
 // import * as d3 from 'd3';
 // import {sankey} from 'sankey';
-import { Chart } from 'react-google-charts';
+import { Chart } from 'react-google-charts'
+
 // import { Fragment } from '../../backend/types/backendTypes';
 
 /**
@@ -40,7 +41,7 @@ function AtomsRelationship(props) {
     } else {
       setAtoms(atomsAndComp);
     }
-  }, [atomAndSelectorCheck, atomAndCompCheck])
+  }, [atomAndSelectorCheck, atomAndCompCheck, props])
 
   return (
     <div className="history-d3-container">