Notifications

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

import type { FluxyChatClient } from "@fluxy-chat/sdk";

function PushSettings({ client }: { client: FluxyChatClient }) {
  const { permission, requestPermissionAndSubscribe, unsubscribe } = useWebPush(client);

  if (permission === "unsupported") return null;

  return (
    <button onClick={() => requestPermissionAndSubscribe()}>
      {permission === "granted" ? "Push enabled" : "Enable push"}
    </button>
  );
}

VAPID_PUBLIC_KEY=...
VAPID_PRIVATE_KEY=...

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

useNotifications({ client, onEvent: (event) => console.log(event) });