feature/IO-3096-GlobalNotifications - Code Review Part 1

client/src/components/header/header.component.jsx

@@ -5,7 +5,7 @@ import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { Link } from "react-router-dom";
 import { useQuery } from "@apollo/client";
-import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/useSocket.jsx";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import NotificationCenterContainer from "../notification-center/notification-center.container.jsx";
 import LockWrapper from "../lock-wrapper/lock-wrapper.component";
@@ -704,7 +704,11 @@ function Header({
         )}
       </div>
       {scenarioNotificationsOn && (
-        <NotificationCenterContainer visible={notificationVisible} onClose={() => setNotificationVisible(false)} />
+        <NotificationCenterContainer
+          visible={notificationVisible}
+          onClose={() => setNotificationVisible(false)}
+          unreadCount={unreadCount}
+        />
       )}
     </Layout.Header>
   );