Fix websocket for popup chat

TUM-Dev · Aug 22, 2023 · dc8e56f · dc8e56f
1 parent 8b29afe
commit dc8e56f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/web/template/popup-chat.gohtml b/web/template/popup-chat.gohtml
@@ -17,6 +17,6 @@
     <link href="/static/assets/css-dist/home.css?v={{if .IndexData.VersionTag}}{{.IndexData.VersionTag}}{{else}}development{{end}}"
           rel="stylesheet">
 </head>
-<body class="bg-white dark:bg-secondary h-screen">
+<body class="bg-white dark:bg-secondary h-screen" x-data="interaction.popupContext({{$stream.ID}})">
     {{template "chat-component" .}}
 </body>
diff --git a/web/ts/components/popup.ts b/web/ts/components/popup.ts
@@ -0,0 +1,11 @@
+import { AlpineComponent } from "./alpine-component";
+import { RealtimeFacade } from "../utilities/ws";
+import { SocketConnections } from "../api/chat-ws";
+
+export function popupContext(streamId: number): AlpineComponent {
+    return {
+        init() {
+            SocketConnections.ws = new RealtimeFacade("chat/" + streamId);
+        },
+    } as AlpineComponent;
+}
diff --git a/web/ts/entry/interactions.ts b/web/ts/entry/interactions.ts
@@ -4,3 +4,4 @@ export * from "../components/chat-prompt";
 export * from "../components/poll";
 export * from "../components/emoji-picker";
 export * from "../components/video-information";
+export * from "../components/popup";