Quick search feature and some restructuring.

1 files changed, 29 insertions, 0 deletions

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