Use mute conversation

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

function MuteMenu({ conversationId }: { conversationId: string }) {
  const { muteConversation, muting } = useMuteConversation();

  const mute8h = () => muteConversation({ conversationId, duration: "8h" });
  const muteForever = () => muteConversation({ conversationId, duration: "forever" });
  const unmute = () => muteConversation({ conversationId, duration: null });

  return (
    <>
      <button onClick={mute8h} disabled={muting}>Mute 8h</button>
      <button onClick={muteForever} disabled={muting}>Mute forever</button>
      <button onClick={unmute} disabled={muting}>Unmute</button>
    </>
  );
}