add token on queryparms instead of onopen event

src/hooks/useTextWebhook.ts

@@ -18,19 +18,6 @@ const useWebSocket = () => {
       setMessages((prevMessages) => [...prevMessages, { text: parsedMessage, sender: "bot" }]);
     };
 
-    ws.onopen = () => {
-      const auth_token = localStorage.getItem("auth_token");
-      const token = `Bearer ${auth_token}`;
-      ws.send(
-        JSON.stringify({
-          type: "headers",
-          headers: {
-            Token: token,
-          },
-        })
-      );
-    };
-
     ws.onclose = () => {
       wsRef.current = null;
     };

src/services/websockets/conversation.ts

@@ -3,7 +3,8 @@ import { IConversationWebSocket } from "../../interfaces/conversationWebsocket";
 const baseURL = import.meta.env.VITE_WS_URL as string;
 
 export function conversationWebSocket(data: IConversationWebSocket): WebSocket {
+  const token = localStorage.getItem("auth_token");
   return new WebSocket(
-    `${baseURL}/conversations?conversation_id=${data.conversationId}&modality=${data.modality}`
+    `${baseURL}/conversations?conversation_id=${data.conversationId}&modality=${data.modality}&token=${token}`
   );
 }