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 /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 'frontend/src/components/HubList.js')
-rw-r--r-- | frontend/src/components/HubList.js | 43 |
1 files changed, 0 insertions, 43 deletions
diff --git a/frontend/src/components/HubList.js b/frontend/src/components/HubList.js deleted file mode 100644 index 64dd131..0000000 --- a/frontend/src/components/HubList.js +++ /dev/null @@ -1,43 +0,0 @@ -// React and component imports -import { useEffect, useState } from "react"; -import Hub from './Hub'; - -/** - * Component that build the checkin list and displays checkin info. - * @returns {import('react').HtmlHTMLAttributes} A div with the checkins - * in a vertical layout. - */ -function HubList(props) { - const [hubItems, setHubItems] = useState([]); - - /** - * Loads new the checkins into the current cache/map of checkins. - */ - const updateHubItems = () => { - let tempCheckinItems = []; - const sorted = Object.entries(props.data).sort(([,a],[,b]) => b-a); - console.log(sorted); - for (const [key, value] of sorted) { - tempCheckinItems.push( - <Hub name={key} value={value}></Hub> - ); - } - setHubItems(tempCheckinItems); - } - - // React hook that queries the checkin database every 5 seconds. - useEffect(() => { - updateHubItems(); - }, [props.data]); - - return ( - <div className="User-checkin"> - <div className="Checkins"> - <h2>Individual Suspicion</h2> - <ul className='Checkin-list'>{hubItems}</ul> - </div> - </div> - ); -} - -export default HubList;
\ No newline at end of file |