Web push (React)

import { useWebPush } from "@fluxy-chat/react";

function PushToggle({ client }: { client: FluxyChatClient }) {
  const {
    permission,
    subscriptions,
    isLoading,
    requestPermissionAndSubscribe,
    unsubscribe,
  } = useWebPush(client, { projectId: "default" });

  if (permission === "unsupported") {
    return <p>Push not supported in this browser.</p>;
  }

  return (
    <button
      disabled={isLoading}
      onClick={() =>
        subscriptions.length
          ? unsubscribe()
          : requestPermissionAndSubscribe()
      }
    >
      {subscriptions.length ? "Disable push" : "Enable push"}
    </button>
  );
}