Working on the request to get info on an investor.

1 files changed, 4 insertions, 3 deletions

diff --git a/maps-frontend/src/App.js b/maps-frontend/src/App.js
index a080adc..2eb0c81 100644
--- a/maps-frontend/src/App.js
+++ b/maps-frontend/src/App.js
@@ -24,6 +24,8 @@ function App() {
   });
   // State for visualization data
   const [data, setData] = useState([]);
+  // State for selected person
+  const [selected, setSelected] = useState(-1);
 
   const toEpochMilli = date => Date.parse(date);
   const getGraphData = () => {
@@ -55,7 +57,6 @@ function App() {
     getGraphData();
   }, [dates]);
 
-
   return (
     <>
       {(!hasLoaded) ? <Loading></Loading> :     
@@ -64,9 +65,9 @@ function App() {
           <div className="Canvas-filler Canvas-filler-1"></div>
           <div className="Canvas-filler Canvas-filler-2"></div>
           <div className="Canvas-filler Canvas-filler-3"></div>
-          <HubList setHasLoaded={setHasLoaded} data={data}></HubList>
+          <HubList setHasLoaded={setHasLoaded} data={data} setSelected={setSelected} selected={selected} dates={dates}></HubList>
           <TimeSelector isChanging={isChanging} dates={dates} setDates={setDates}></TimeSelector>
-          <Visualization hasLoaded={hasLoaded} data={data}></Visualization>
+          <Visualization hasLoaded={hasLoaded} data={data} setSelected={setSelected}></Visualization>
         </div>
       }
     </>