3 files changed, 19 insertions, 11 deletions
diff --git a/react-frontend/src/App.js b/react-frontend/src/App.js
index 34632eb..0a6e6c1 100644
--- a/react-frontend/src/App.js
+++ b/react-frontend/src/App.js
@@ -31,6 +31,10 @@ function App() {
 
   const toEpochMilli = date => Date.parse(date);
   const getGraphData = () => {
+    console.log({ 
+      start:  toEpochMilli(dates.start), 
+      end:    toEpochMilli(dates.end) 
+    });
     fetch("http://localhost:4567/data", {
         method: "POST",
         body: JSON.stringify({ 
@@ -44,7 +48,10 @@ function App() {
     })
     .then(res  => res.json())
     .then(data => {
-      setData(data.holders);
+      //TODO: optimize this
+      const sliced = data.holders.slice(0, 500);
+      console.log(sliced);
+      setData(sliced);
       setHasLoaded(true);
     })
     .catch(err => console.log(err));
@@ -54,7 +61,7 @@ function App() {
 
 
   // Hooks to update data on init and switching of data
-  useEffect(() => getGraphData(), []);
+  //useEffect(() => getGraphData(), []);
   useEffect(() => {
     setIsChanging(true);
     getGraphData();
diff --git a/react-frontend/src/components/HubList.js b/react-frontend/src/components/HubList.js
index 5736e89..0df3020 100644
--- a/react-frontend/src/components/HubList.js
+++ b/react-frontend/src/components/HubList.js
@@ -22,8 +22,8 @@ function HubList(props) {
   const updateHubItems = () => {
     // sort and create the elemnts
     let hubs = [];
-    const sorted = props.data.sort((a, b) => b.suspicionScore - a.suspicionScore);
-    sorted.forEach(hub => hubs.push(
+    //const sorted = props.data.sort((a, b) => b.suspicionScore - a.suspicionScore);
+    props.data.forEach(hub => hubs.push(
       <Hub key={hub.id} id={hub.id} name={hub.name} value={hub.suspicionScore} setSelected={props.setSelected}></Hub>
     ));
 
diff --git a/react-frontend/src/components/Visualization.js b/react-frontend/src/components/Visualization.js
index 91082e9..1975e86 100644
--- a/react-frontend/src/components/Visualization.js
+++ b/react-frontend/src/components/Visualization.js
@@ -15,8 +15,7 @@ function Visualization(props) {
   const options = {
     edges: {
       color: "#ffffff"
-    },
-    autoResize: true
+    }
   };
   const events = {
     select: () => event => props.setSelected(event.nodes[0])
@@ -29,11 +28,13 @@ function Visualization(props) {
   const getNodes = () => {
     let nodes = [];
     props.data.forEach(hub => {
-      nodes.push({
-        id: hub.id,
-        label: hub.name,
-        size: hub.suspicionScore * 10
-      });
+      if (hub.followers) {
+        nodes.push({
+          id: hub.id,
+          label: hub.name,
+          size: hub.suspicionScore
+        });
+      }
     });
     return nodes;
   }