useAccountPushToggle

import { useAccounts, useAccountPushToggle } from "@sublay/react-js";

function PerAccountNotificationSettings() {
  const { accounts } = useAccounts();
  const { setAccountPushEnabled, isAccountPushEnabled, isUpdating, error } =
    useAccountPushToggle();

  return (
    <>
      {accounts.map((account) => (
        <label key={account.id}>
          {account.name ?? account.email}
          <input
            type="checkbox"
            checked={isAccountPushEnabled(account.id)}
            disabled={isUpdating}
            onChange={(e) =>
              setAccountPushEnabled({
                userId: account.id,
                enabled: e.target.checked,
              }).catch(() => {
                /* `error` below carries the reason */
              })
            }
          />
        </label>
      ))}
      {error && <p role="alert">{error}</p>}
    </>
  );
}