In-app notification

PSMessageNotification là component dùng để hiển thị thông báo trong ứng dụng khi có tin nhắn mới đến.

info

PSMessageNotification cần lấy một số thông tin từ store, vì vậy nó cần đặt trong PSChatProvider.

Để biết thêm thông tin về PSChatProvider hãy xem tài liệu PSChatProvider.

Cách sử dụng

import { PSMessageNotification } from "@communi/chat-react";

export const App = () => {
  ...
  const handleNotificationClick = (messageData) => {
    ...
    const threatId = messageData.thread.id
    navigate('your-thread-url')
  };

  return (
    <PSChatProvider appId="YOUR_APP_ID" fetchToken={fetchCommuniToken}>
      <PSMessageNotification onNotificationClick={handleNotificationClick} />
    </PSChatProvider>
  );
};

Props API

Thuộc tính	Mô tả	Kiểu dữ liệu	Bắt buộc	Giá trị mặc định
onNotificationClick	Hàm gọi lại khi người dùng click vào thông báo	(data: MessageData) => void	Không	() => {}
position	Vị trí hiển thị của thông báo	bottom-left | bottom-center | bottom-rigt | top-left | top-center | top-right	Không	bottom-left
disableRenderUI	Ngăn chặn việc hiển thị thông báo mặc định nếu giá trị là true	boolean	Không	false
onNotify	Hàm gọi lại khi nhận được một thông báo	(data: MessageData) => void	Không	-