diff options
author | Michael Foiani <sotech117@michaels-mbp-3.lan> | 2021-04-16 19:18:00 -0400 |
---|---|---|
committer | Michael Foiani <sotech117@michaels-mbp-3.lan> | 2021-04-16 19:18:00 -0400 |
commit | a7f1433da5ddf11845251a062da96bc42c631f50 (patch) | |
tree | ad1ed8eb27abbd63ca31f7229ffdfa0a379fd394 /maps-frontend/src/components/HubList.js | |
parent | d339801aba3fcedc0b3027f73dac91deaae14acc (diff) |
Deleted template for frontend.
Diffstat (limited to 'maps-frontend/src/components/HubList.js')
-rw-r--r-- | maps-frontend/src/components/HubList.js | 62 |
1 files changed, 0 insertions, 62 deletions
diff --git a/maps-frontend/src/components/HubList.js b/maps-frontend/src/components/HubList.js deleted file mode 100644 index f5b1414..0000000 --- a/maps-frontend/src/components/HubList.js +++ /dev/null @@ -1,62 +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); - const [name, setName] = useState(''); - - /** - * 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 = () => { - props.data.forEach(hub => { - if (hub.id == props.selected) { - setName(hub.name); - } - }) - setName(''); - } - - // React hook that updates when the hubs are recalculated - useEffect(() => updateHubItems(), [props.data]); - - //React hook to show data for an investor - useEffect(() => { - setIsSelected(true) - getName(); - }, [props.selected]); - - return ( - <div className="User-checkin"> - <div className="Checkins"> - <h2>Suspicion Ranks</h2> - <ul className='Checkin-list'>{hubItems}</ul> - </div> - <InvestorInfo personId={props.selected} isSelected={isSelected} name={name} dates={props.dates}></InvestorInfo> - </div> - ); -} - -export default HubList;
\ No newline at end of file |