Ratings API

// Submit a rating
const rateMessage = async (messageId: string, walletAddress: string, isPositive: boolean) => {
  const response = await fetch('https://api.example.com/ratings', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      messageId,
      walletAddress,
      isPositive,
      agentId: 'oracle',
    }),
  });
  return response.json();
};

// Check if user has already rated a message
const getUserRating = async (messageId: string, walletAddress: string) => {
  const response = await fetch(
    `https://api.example.com/ratings/${messageId}?wallet=${walletAddress}`
  );
  const { rating } = await response.json();
  return rating; // true, false, or null
};

// Display agent stats in dashboard
const getAgentStats = async (agentId: string) => {
  const response = await fetch(
    `https://api.example.com/dashboard/stats?agentId=${agentId}`
  );
  return response.json();
};

// Example: Rating component
const RatingButton = ({ messageId, walletAddress }: Props) => {
  const [userRating, setUserRating] = useState<boolean | null>(null);

  useEffect(() => {
    getUserRating(messageId, walletAddress).then(setUserRating);
  }, [messageId, walletAddress]);

  const handleRate = async (isPositive: boolean) => {
    await rateMessage(messageId, walletAddress, isPositive);
    setUserRating(isPositive);
  };

  return (
    <div>
      <button
        onClick={() => handleRate(true)}
        className={userRating === true ? 'active' : ''}
      >
        👍
      </button>
      <button
        onClick={() => handleRate(false)}
        className={userRating === false ? 'active' : ''}
      >
        👎
      </button>
    </div>
  );
};