Claiming Rewards

import { useUser } from '@sageprotocol/sdk/react';
import { useWallet } from '@suiet/wallet-kit';

function ClaimRewards({ epoch, ownedUserId, sharedUserId }) {
  const { claimReward } = useUser();
  const { account, signAndExecuteTransaction } = useWallet();

  async function handleClaimRewards() {
    const result = await claimReward({
      epoch,                                  // Sui timestamp for the epoch period
      appId: 'your-app-id',                   // Explicitly required
      network: 'testnet',                     // Explicitly required: 'testnet' or 'mainnet'
      ownedUserId,                            // User's owned user object ID
      sharedUserId                            // User's shared user object ID
    });

    if (result.ok) {
      await signAndExecuteTransaction({ transaction: result.transaction });
      console.log("Rewards claimed successfully!");
    } else {
      console.error("Error claiming rewards:", result.err);
    }
  }

  return (
    <button onClick={handleClaimRewards}>
      Claim Rewards
    </button>
  );
}

export default ClaimRewards;