diff options
Diffstat (limited to 'react-frontend/src/components/EdgeInfo.js')
| -rw-r--r-- | react-frontend/src/components/EdgeInfo.js | 52 |
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 |