Function useUserRewardsByState

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

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

Example

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

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

  useEffect(() => {
    if (!fetched) {
      console.log("Fetching rewards for the state...");
    }
  }, [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