diff options
Diffstat (limited to 'react-frontend/src/components/HubList.js')
-rw-r--r-- | react-frontend/src/components/HubList.js | 30 |
1 files changed, 18 insertions, 12 deletions
diff --git a/react-frontend/src/components/HubList.js b/react-frontend/src/components/HubList.js index fe47457..6d0b3e1 100644 --- a/react-frontend/src/components/HubList.js +++ b/react-frontend/src/components/HubList.js @@ -1,19 +1,18 @@ // React and component imports import { useEffect, useState } from "react"; import Hub from "./Hub.js"; -import InvestorInfo from "./InvestorInfo.js"; // CSS import -import '../css/UserCheckin.css'; +import "../css/UserCheckin.css"; /** * Component that build the checkin list and displays checkin info. - * @returns {import('react').HtmlHTMLAttributes} A div with the hubs + * @returns {import('react').HtmlHTMLAttributes} A div with the hubs * in a vertical layout. */ function HubList(props) { const [hubItems, setHubItems] = useState([]); - + /** * Loads new the checkins into the current cache/map of hubs. */ @@ -21,24 +20,31 @@ function HubList(props) { // sort and create the elemnts let hubs = []; //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> - )); + props.data.forEach((hub) => + hubs.push( + <Hub + key={hub.id} + id={hub.id} + name={hub.name} + value={hub.suspicionScore} + setSelected={props.setSelected} + ></Hub> + ) + ); setHubItems(hubs); - } - - + }; // React hook that updates when the hubs are recalculated useEffect(() => updateHubItems(), [props.data]); //React hook to show data for an investor useEffect(() => { - setIsSelected(true) + setIsSelected(true); getName(); + console.log("DEVLOG"); }, [props.selected]); return <ul className='Checkin-list'>{hubItems}</ul>; } -export default HubList;
\ No newline at end of file +export default HubList; |