@droppii-org/chat-sdk
Version:
Droppii React Chat SDK
18 lines (17 loc) • 1.52 kB
JavaScript
"use client";
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import MessageList from "../../components/message/MessageList";
import DeskConversationList from "../../components/conversation/DeskConversationList";
import { useChatContext } from "../../context/ChatContext";
import { Spin } from "antd";
import { ConnectStatus, SyncStatus } from "../../types/chat";
import useConversationStore from "../../store/conversation";
import DeskAssignedSession from "../../components/session/DeskAssignedSession";
import ThreadInfo from "../../components/thread/ThreadInfo";
const DChatDeskMessage = () => {
const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
const searchClientMsgID = useConversationStore((state) => state.searchClientMsgID);
const { connectStatus, syncStatus } = useChatContext();
return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsx(Spin, { spinning: syncStatus === SyncStatus.Loading, children: _jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(DeskAssignedSession, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID }), _jsx(ThreadInfo, {})] }) })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
};
export default DChatDeskMessage;