fixed some stuff with css overflow for investor info popup

1 files changed, 40 insertions, 12 deletions

diff --git a/react-frontend/src/components/EdgeInfo.js b/react-frontend/src/components/EdgeInfo.js
index 60af0e8..566c70a 100644
--- a/react-frontend/src/components/EdgeInfo.js
+++ b/react-frontend/src/components/EdgeInfo.js
@@ -1,5 +1,6 @@
 
 import '../css/UserCheckin.css';
+import { useEffect, useState } from "react";
 
 /**
  * Componenet for checkins. Has a toggle to show more info.
@@ -7,25 +8,52 @@ import '../css/UserCheckin.css';
  * @returns {import('react').HtmlHTMLAttributes} A list element holding a checkin's info.
  */
 function EdgeInfo(props) {
-    // State - toggled
+   /* // State - toggled
+    const [stockList, setStockList] = useState([]);
 
-    const stockList = props.stockList;
-
-   /* const stockInfo = stockList.map((stock) =>
+   const stockInfo = stockList.map((stock) =>
         <li>{stock}</li>
-    );*/
+    );
+
+
+    const getEdgeInfo = (fromID, toID) => {
+     fetch("http://localhost:4567/edge-data", {
+       method: "POST",
+       body: JSON.stringify({
+         followerID: fromID,
+         leaderID:  toID,
+       }),
+       headers: {
+         "Content-Type": "application/json",
+       },
+       credentials: "same-origin"
+     })
+         .then(res  => res.json())
+         .then(data => {
+           console.log(data);
+           setStockList(data);
+         })
+         .catch(err => console.log(err));
+   }
+
+    useEffect(() => getEdgeInfo(), [props.selectedFollowerID, props.selectedLeaderID]);
+    */
 
-    const hideSelf = () => {
-        props.setHideInfo(true);
-    }
 
     return (
-        <div className='edge-info-wrapper'>
-            <p onClick={hideSelf}> X </p>
+        <div>
+
+        </div>
+        /*<div className='Chosen-user' hidden={!props.showEdgeInfo}>
+            <h3>
+                <span onClick={() => props.setShowEdgeInfo(false)}>
+                    <img className="Img-btn" src="assets/round_arrow_back_white_18dp.png" alt="image" />
+                </span>
+            </h3>
             <div className = 'edge-info'>
-                {stockList}
+                {stockInfo}
             </div>
-        </div>);
+        </div>*/);
 }
 
 export default EdgeInfo;
\ No newline at end of file