aboutsummaryrefslogtreecommitdiff
path: root/maps-frontend/src/components/HubList.js
diff options
context:
space:
mode:
authorJulia McCauley <skurvyj@gmail.com>2021-04-16 19:46:45 -0400
committerJulia McCauley <skurvyj@gmail.com>2021-04-16 19:46:45 -0400
commitfa4feff17c9e15b86388fd5ee1ac6771ff4d5148 (patch)
tree72157df02027b860e74097050349d49ebecebc0a /maps-frontend/src/components/HubList.js
parenteab479adc987ab20424a542275a697e0c8dbce61 (diff)
parenta7f1433da5ddf11845251a062da96bc42c631f50 (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.js59
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