Interface ChatState

Example

Chat panel with unread badge:

function ChatButton() {
  const { unreadCount, clearUnread } = useChat();
  const [isOpen, setIsOpen] = useState(false);

  const handleOpen = () => {
    setIsOpen(true);
    clearUnread();
  };

  return (
    <button onClick={handleOpen}>
      Chat {unreadCount > 0 && <span className="badge">{unreadCount}</span>}
    </button>
  );
}
Copy