Function useUserRewardsByProject

Custom React hook to fetch user rewards specific to a given project.

This hook is a wrapper around the useUserRewards hook, automatically passing the projectId to filter user rewards for that project. You can also pass additional parameters to further filter or modify the data fetching behavior.

Example

import React, { useEffect } from 'react';
import { useUserRewardsByProject } from 'react-playmakers';

const ProjectUserRewards: React.FC = () => {
  const { userRewards, fetched, refresh } = useUserRewardsByProject('pXXXXXXXX');

  useEffect(() => {
    if (!fetched) {
      console.log("Fetching rewards for the project...");
    }
  }, [fetched]);

  const handleRefresh = async () => {
    await refresh();
    console.log("User rewards refreshed.");
  };

  return (
    <div>
      {fetched ? (
        <div>
          <h2>Project User Rewards</h2>
          <ul>
            {userRewards.map((reward, index) => (
              <li key={index}>{reward.name}</li>
            ))}
          </ul>
        </div>
      ) : (
        <p>Loading...</p>
      )}
      <button onClick={handleRefresh}>Refresh Rewards</button>
    </div>
  );
};
Copy