useFetchManyReputationGrantsWrapper

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

function WhoRewardedThis({ commentId }: { commentId: string }) {
  const { grants, summary, loading, hasMore, loadMore, refresh } =
    useFetchManyReputationGrantsWrapper({
      targetType: "comment",
      targetId: commentId,
      include: ["user"],
      limit: 20,
    });

  return (
    <>
      <h4>
        {summary?.total ?? 0} points from {summary?.count ?? 0} people
      </h4>
      {grants.map((g) => (
        <div key={g.id}>
          {g.sender?.name ?? "Someone"} gave {g.amount}
          {g.note ? ` — "${g.note}"` : ""}
        </div>
      ))}
      {hasMore && (
        <button disabled={loading} onClick={loadMore}>
          Load more
        </button>
      )}
    </>
  );
}