@droppii-org/chat-sdk
Version:
Droppii React Chat SDK
23 lines (22 loc) • 1.6 kB
JavaScript
"use client";
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { SessionType } from "@openim/wasm-client-sdk";
import MessageList from "../../components/message/MessageList";
import DeskConversationList from "../../components/conversation/DeskConversationList";
import { useConversationDetail } from "../../hooks/conversation/useConversation";
import AssignedSessionFilter from "../../components/session/AssignedSessionFilter";
import useMessageStore from "../../hooks/zustand/useMessageStore";
import { useChatContext } from "../../context/ChatContext";
import { Spin } from "antd";
import { ConnectStatus } from "../../types/chat";
const DChatDeskMessage = () => {
const selectedThreadId = useMessageStore((state) => state.selectedThreadId);
const selectedSourceId = useMessageStore((state) => state.selectedSourceId);
const { conversationDetail } = useConversationDetail({
sourceID: selectedSourceId,
sessionType: SessionType.Group,
});
const { connectStatus } = useChatContext();
return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(AssignedSessionFilter, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedThreadId, conversationData: conversationDetail })] })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
};
export default DChatDeskMessage;