Report message

import { useReportMessage } from "@sublay/react-js";

function MessageContextMenu({
  conversationId,
  messageId,
}: {
  conversationId: string;
  messageId: string;
}) {
  const report = useReportMessage();

  const handleReport = async () => {
    await report({
      conversationId,
      messageId,
      reason: "spam",
      details: "This message is advertising unrelated products.",
    });
    alert("Report submitted.");
  };

  return <button onClick={handleReport}>Report message</button>;
}