Function useUserQuestsByQuest

Hook for fetching user quests filtered by a specific quest ID.

This hook is a specialized version of useUserQuests that automatically appends the provided questId to the API query parameters. It fetches quests related to the given quest ID.

Example

import { useUserQuestsByQuest } from 'react-playmakers';

const QuestDetailsComponent = () => {
  const { userQuests, fetched, refresh, completeQuest } = useUserQuestsByQuest('qXXXXXXX');

  useEffect(() => {
    if (fetched) {
      console.log('User quests fetched:', userQuests);
    }
  }, [fetched, userQuests]);

  const handleCompleteQuest = async (quest) => {
    try {
      const updatedQuest = await completeQuest(quest);
      console.log('Quest completed:', updatedQuest);
    } catch (error) {
      console.error('Error completing quest:', error);
    }
  };

  return (
    <div>
      <h1>Quest Details</h1>
      {!fetched && <p>Loading...</p>}
      {fetched && userQuests.map((quest) => (
        <div key={quest.id}>
          <h3>{quest.name}</h3>
          <button onClick={() => handleCompleteQuest(quest)}>Complete Quest</button>
        </div>
      ))}
      <button onClick={() => refresh(true)}>Refresh Quests</button>
    </div>
  );
};

export default QuestDetailsComponent;
Copy