Custom iframe channel view

2025-12-09 23:37:19 +01:00
parent 8a2a90e9ef
commit acb8c34df6
3 changed files with 60 additions and 25 deletions
@@ -0,0 +1,52 @@
+import { Channel, Message, Server } from "@/types/types";
+import MessageBox from "./MessageBox";
+import App from "@/types/app";
+import React, { Ref } from "react";
+
+export default function ChannelView({
+  app,
+  messages,
+  ip,
+  serverRef,
+}: {
+  app: App;
+  messages: Record<string, Message[]>;
+  ip: string;
+  serverRef: React.RefObject<WebSocket | null>;
+}) {
+  if (!app.currentChannel)
+    return (
+      <div className="h-svh w-full max-h-svh flex flex-col pb-5 pl-5 gap-5" />
+    );
+  switch (app.currentChannel.kind) {
+    case "text":
+      return (
+        <MessageBox
+          app={app}
+          channelName={app.currentChannel.name}
+          messages={
+            messages[ip]?.filter(
+              (m) => m.channel_id === app.currentChannel?.id
+            ) || []
+          }
+          sendMessage={(message) => {
+            serverRef.current?.send(
+              JSON.stringify({
+                type: "send_message",
+                params: {
+                  channel_id: app.currentChannel?.id,
+                  contents: message,
+                },
+              })
+            );
+          }}
+        />
+      );
+
+    case "voice":
+      return null;
+
+    default:
+      return <iframe src={app.currentChannel.kind} className="w-full" />;
+  }
+}