1 files changed, 11 insertions, 10 deletions
diff --git a/react-frontend/src/components/HubWidget.js b/react-frontend/src/components/HubWidget.js
index a4560fe..7707ee9 100644
--- a/react-frontend/src/components/HubWidget.js
+++ b/react-frontend/src/components/HubWidget.js
@@ -6,28 +6,29 @@ import InvestorInfo from "./InvestorInfo.js";
 // CSS import
 import '../css/UserCheckin.css';
 import HubList from "./HubList.js";
-import Search from "./Search.js";
+import HubSearch from "./HubSearch.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) {
+function HubWidget(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 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>
+        <HubSearch data={props.data}></HubSearch>
       </div>
-      <Search></Search>
       <InvestorInfo
         personId={props.selected}
-        isSelected={isSelected}
-        name={name}
+        selectedId={props.selected}
         dates={props.dates}
       ></InvestorInfo>
-    </div>
+    </>
   );
 }