From d798737f0c5e00ef39b8695297f41d93922b3ad5 Mon Sep 17 00:00:00 2001
From: Michael Foiani <sotech117@michaels-mbp-3.lan>
Date: Tue, 20 Apr 2021 01:01:02 -0400
Subject: Quick search feature and some restructuring.

---
 react-frontend/src/components/HubWidget.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 react-frontend/src/components/HubWidget.js

(limited to 'react-frontend/src/components/HubWidget.js')

diff --git a/react-frontend/src/components/HubWidget.js b/react-frontend/src/components/HubWidget.js
new file mode 100644
index 0000000..e3c03cd
--- /dev/null
+++ b/react-frontend/src/components/HubWidget.js
@@ -0,0 +1,29 @@
+// 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 HubList from "./HubList.js";
+import Search from "./Search.js";
+
+/**
+ * Component that build the checkin list and displays checkin info.
+ * @returns {import('react').HtmlHTMLAttributes} A div with the hubs 
+ * in a vertical layout.
+ */
+function HudWidget(props) {
+  return (
+    <div className="User-checkin">
+      <div className="Checkins">
+        <h2>Suspicion Ranks</h2>
+        <HubList setHasLoaded={props.setHasLoaded} data={props.data} setSelected={props.setSelected} selected={props.selected} dates={props.dates}></HubList>
+      </div>
+      <Search></Search>
+      <InvestorInfo personId={props.selected} isSelected={isSelected} selectedId={props.selected} dates={props.dates}></InvestorInfo>
+    </div>
+  );
+}
+
+export default HubWidget;
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2