diff options
author | Julia McCauley <skurvyj@gmail.com> | 2021-04-16 19:46:45 -0400 |
---|---|---|
committer | Julia McCauley <skurvyj@gmail.com> | 2021-04-16 19:46:45 -0400 |
commit | fa4feff17c9e15b86388fd5ee1ac6771ff4d5148 (patch) | |
tree | 72157df02027b860e74097050349d49ebecebc0a /maps-frontend/src/components/HubList.js | |
parent | eab479adc987ab20424a542275a697e0c8dbce61 (diff) | |
parent | a7f1433da5ddf11845251a062da96bc42c631f50 (diff) |
need to pull new frontend Merge branch 'master' of github.com:cs0320-2021/term-project-cohwille-jmccaul3-mfoiani-rhunt2
Diffstat (limited to 'maps-frontend/src/components/HubList.js')
-rw-r--r-- | maps-frontend/src/components/HubList.js | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/maps-frontend/src/components/HubList.js b/maps-frontend/src/components/HubList.js deleted file mode 100644 index d046e94..0000000 --- a/maps-frontend/src/components/HubList.js +++ /dev/null @@ -1,59 +0,0 @@ -// 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'; - -/** - * Component that build the checkin list and displays checkin info. - * @returns {import('react').HtmlHTMLAttributes} A div with the hubs - * in a vertical layout. - */ -function HubList(props) { - const [hubItems, setHubItems] = useState([]); - const [isSelected, setIsSelected] = useState(false); - - /** - * Loads new the checkins into the current cache/map of hubs. - */ - 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( - <Hub key={hub.id} id={hub.id} name={hub.name} value={hub.suspicionScore} setSelected={props.setSelected}></Hub> - )); - - setHubItems(hubs); - } - - const getName = () => { - console.log(props.selected); - props.data.forEach(hub => { - if (hub.id == props.selected) { - return hub.name; - } - }) - return ''; - } - - // React hook that updates when the hubs are recalculated - useEffect(() => updateHubItems(), [props.data]); - - //React hook to show data for an investor - useEffect(() => setIsSelected(true), [props.selected]); - - return ( - <div className="User-checkin"> - <div className="Checkins"> - <h2>Suspicion Ranks</h2> - <ul className='Checkin-list'>{hubItems}</ul> - </div> - <InvestorInfo name={getName()} dates={props.dates}></InvestorInfo> - </div> - ); -} - -export default HubList;
\ No newline at end of file |