PSUIProvider

Nếu bạn muốn hiển thị các component của chúng tôi ở trong một component độc lập (như là modal, dialog) nằm ở bên ngoài phần tử DOM của PSChatProvider thì bạn cần đặt nó ở trong PSUIProvider để CSS của các component có thể hoạt động cách như bình thường

PSChatProvider mặc định đã có PSUIProvider ở phía trong.

Cách sử dụng

import { PSUIProvider, PSConversation } from "@communi/chat-react";
import Modal from "react-modal";

export const App = () => {
  const handleThreadSelect = (threadId) => {
    console.log(threadId);
  };

  return (
    <Modal>
      <PSUIProvider>
        <PSConversation
          threadId="YOUR_THREAD_ID"
          className="w-1/4"
          onThreadSelected={handleThreadSelect}
          onSearchItemSelected={handleThreadSelect}
          onFrequentlyItemSelected={handleThreadSelect}
        />
      </PSUIProvider>
    </Modal>
  );
};

Props

Thuộc tính	Mô tả	Kiểu	Bắt buộc
children	JSX	ReactNode	Không
className	Tùy chỉnh class CSS	string	Không
style	Tùy chỉnh slyle CSS	object	Không