53 lines
1.2 KiB
TypeScript
53 lines
1.2 KiB
TypeScript
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" />;
|
|
}
|
|
}
|