l-min-components 1.0.652 → 1.0.655

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.652",
+  "version": "1.0.655",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/header/getCookies.js

@@ -0,0 +1,19 @@
+export function getCookie(name) {
+    // Split cookie string and get all individual name=value pairs in an array
+    var cookieArr = document.cookie.split(";");
+  
+    // Loop through the array elements
+    for (var i = 0; i < cookieArr.length; i++) {
+      var cookiePair = cookieArr[i].split("=");
+  
+      /* Removing whitespace at the beginning of the cookie name
+          and compare it with the given string */
+      if (name == cookiePair[0].trim()) {
+        // Decode the cookie value and return
+        return decodeURIComponent(cookiePair[1]);
+      }
+    }
+  
+    // Return null if not found
+    return null;
+  }

package/src/components/header/index.jsx

@@ -24,6 +24,7 @@ import { OutletContext } from "..";
 import { useLocation } from "react-router-dom";
 import usFlag from "../../assets/images/usFlag.png";
 import LanguageDropdown from "./languageDropdown";
+import { getCookie } from "./getCookies";
 /**
  * @param {{
  *  type: string,
@@ -240,6 +241,40 @@ const HeaderComponent = (props) => {
     return "Learning";
   };
 
+  // websocket for notifications initialization
+  const [socketUrl, setSocketUrl] = useState(
+    "dev-117782726-api.learngual.com/notify/v1/ws/connect/"
+  );
+  const socket = useRef()
+  const token = getCookie("access");
+  const account_id = generalData?.defaultAccount?.id || "";
+ 
+  useEffect(() => {
+    if(!socket?.current){
+      socket.current = new WebSocket(
+        `wss://${socketUrl}?account=${account_id}&authorization=${token}`
+      )
+
+      socket.current.onopen = () => {
+        console.log("websocket connection established");
+      };
+      socket.current.onmessage = (event) => {
+        const response = JSON?.parse(event?.data);
+        console.log(response)
+        if(response?.data){
+          handleGetUnreadNotification();
+        }
+        
+      };
+
+    }
+
+    return () => {
+      console.log("websocket closed");
+    };
+   
+  }, [socket]);
+
   return (
     <Navbar>
       <img src={logo} alt="Learngual logo" />