aboutsummaryrefslogtreecommitdiff
path: root/react-frontend/src/components/HubList.js
diff options
context:
space:
mode:
authorMichael Foiani <sotech117@michaels-mbp-3.lan>2021-04-20 01:02:42 -0400
committerMichael Foiani <sotech117@michaels-mbp-3.lan>2021-04-20 01:02:42 -0400
commit9a670120b672996ce6865c0e3c66a49119e2b4a9 (patch)
tree8aef67622dced255413f8d654ce40eef51194d15 /react-frontend/src/components/HubList.js
parentd798737f0c5e00ef39b8695297f41d93922b3ad5 (diff)
parentb8b194407ce7cc6da683758468f3bf545927ff48 (diff)
Fixed merge with removing some repeated methods shared among some classes after restructuring.
Diffstat (limited to 'react-frontend/src/components/HubList.js')
-rw-r--r--react-frontend/src/components/HubList.js30
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;