Guides
πŸ’° How to Claim

How to Claim Rewards

Step-by-step visual guide for claiming your rewards on DogWithCap platform.

Estimated Time: 5-10 minutes Requirements: Active positions with pending rewards, sufficient gas (~0.01 WIC)


Overview

This guide covers claiming all three types of rewards:

  1. πŸ’° Position Interest - Daily staking rewards (0.2% daily)
  2. 🀝 Referral Rewards - 5% commission from referrals
  3. πŸ† Milestone Vesting - Bonus rewards from achievements

Before You Start

Pre-Claim Checklist

  • Connected to correct wallet
  • Network is WicChain Testnet
  • Have sufficient gas (~0.01 WIC)
  • Understand 60-second cooldown
  • Know which rewards to claim

Understanding Cooldown

⚠️

Important: All claim types share a 60-second cooldown

After any claim transaction confirms, you must wait 60 seconds before the next claim.

Best Practice: Claim all reward types together in one session!

Check Your Claimable Amounts

Before claiming, verify you have rewards to claim:

Dashboard Overview Screenshot: Dashboard showing all claimable amounts - Position Interest, Referral Rewards, and Milestone Vesting sections visible


Part 1: Claiming Position Interest

Position interest is your daily staking rewards (0.2% daily = 73% APR).

Method A: Claim Single Position

Navigate to Claim Page

Click "Claim" in the main navigation menu.

Navigate to Claim Page Screenshot: Top navigation bar with "Claim" menu item highlighted with arrow

View Your Positions

You'll see a list of all your active positions with pending interest.

Position List Screenshot: Table/card view showing 3 positions with Position ID, Staked Amount, Pending Interest, Days Accumulated, and Claim button for each

Select Position to Claim

Click the "Claim" button next to the position you want to claim from.

Select Position Screenshot: Single position card with "Claim" button highlighted, showing Position #1 with 10 WICC pending

Review Transaction Details

A confirmation modal appears.

Claim Confirmation Modal Screenshot: Modal popup with title "Confirm Position Claim", showing Position ID, Claimable Amount, Days of Interest, Estimated Gas, and "Confirm Claim" button

Confirm in Wallet

Your wallet opens with transaction details.

Wallet Confirmation Screenshot: MetaMask confirmation popup showing claimPositionInterest function, contract address, gas fee estimate, and Confirm/Reject buttons

Click "Confirm"

Wait for Confirmation

Transaction Processing Screenshot: Loading spinner with "Transaction Processing..." text and transaction hash displayed below

Success!

Claim Success Screenshot: Success notification with checkmark icon, "Successfully claimed 10 WICC!", total claimed to date, and "View on Explorer" link


Method B: Claim All Positions (Recommended)

Go to Claim Page

Claim Dashboard Screenshot: Full claim dashboard showing all sections - Claim All at top, individual positions below, referral and milestone sections at bottom

Locate "Claim All" Section

Claim All Section Screenshot: Highlighted section at top showing "Total Pending Interest: 80 WICC" with breakdown "From 3 active positions" and large "Claim All Positions" button

Click "Claim All Positions"

Claim All Button Screenshot: Large prominent "Claim All Positions" button with cursor hovering over it

Review Summary

Claim All Modal Screenshot: Modal showing "Claim All Positions" title with breakdown table listing Position #1: 10 WICC, Position #2: 50 WICC, Position #3: 20 WICC, Total: 80 WICC, Gas Fee: ~0.01 WIC

Confirm in Wallet

Wallet Confirm All Screenshot: MetaMask showing claimAllPositions function with higher gas limit than single claim

Transaction Complete

All Claimed Success Screenshot: Success screen with confetti animation, "Successfully claimed from 3 positions!", showing breakdown of each position claimed and gas savings notification


Part 2: Claiming Referral Rewards

Check Referral Balance

Referral Balance Screenshot: Referral rewards section showing "Unclaimed Referral Rewards: 1,000 WICC", "From 10 successful referrals", and "Total earned to date: 5,000 WICC"

Click "Claim Referral Rewards"

Referral Claim Button Screenshot: Referral rewards card with "Claim Referral Rewards" button highlighted

Review Referral Details

Referral Claim Modal Screenshot: Modal showing "Claim Referral Rewards" with list of recent referrals (User A: 250 WICC, User B: 500 WICC, User C: 250 WICC) and total

Confirm Transaction

Wallet Referral Confirm Screenshot: MetaMask showing claimReferralRewards function

Referral Rewards Claimed!

Referral Success Screenshot: Success message "Claimed 1,000 WICC referral rewards!" with sharing encouragement and referral link


Part 3: Claiming Milestone Vesting

View Milestone Vesting

Milestone Vesting Overview Screenshot: Milestone dashboard showing Bronze milestone card with progress bar at 20%, total bonus, vesting duration, vested amount, claimable amount highlighted in green

Select Milestone to Claim

Select Milestones Screenshot: List of milestone cards with checkboxes - Bronze checked with 2.5B claimable, Silver checked with 7.5B claimable, Gold/Diamond unchecked and grayed out

Click "Claim Milestone Vesting"

Milestone Claim Button Screenshot: "Claim Milestone Vesting" button active and highlighted

Review Vesting Details

Milestone Claim Modal Screenshot: Detailed modal showing vesting calculation - Total Bonus, Duration, Time Elapsed, Amount Vested, Claiming amount, After Claim status, Gas Fee

Confirm in Wallet

Wallet Milestone Confirm Screenshot: MetaMask showing claimMilestoneVesting function with milestone levels array [1]

Milestone Claimed Successfully!

Milestone Success Screenshot: Success screen showing claimed amount 2.5B WICC, updated status with remaining 10B, next vesting rate, full vest timeline


Part 4: Claim All Types Together (Best Practice)

Navigate to Claim Dashboard

Claim Dashboard All Screenshot: Full dashboard overview showing all three reward types with amounts - Position Interest: 80 WICC, Referral Rewards: 1,000 WICC, Milestone Vesting: 2,500 WICC, Total: 3,580 WICC highlighted

Plan Your Claiming Order

Claim Strategy Screenshot: Flow diagram showing numbered steps 1β†’2β†’3 with 60s cooldown timers between each step, showing optimal claim order

Claim Step 1: Position Interest

Step 1 Positions Screenshot: Claiming position interest with success notification and cooldown timer appearing showing "60 seconds remaining"

Wait for Cooldown

Cooldown Timer Screenshot: Large cooldown timer display with circular progress indicator showing "Next claim available in: 48 seconds" with explanation text

Claim Step 2: Referral Rewards

Step 2 Referrals Screenshot: Cooldown ended notification "Ready for next claim" with referral claim button now active

Wait for Cooldown Again

Cooldown Timer 2 Screenshot: Second cooldown timer with progress checklist showing Step 1 βœ…, Step 2 βœ…, Step 3 ⏳

Claim Step 3: Milestone Vesting

Step 3 Milestone Screenshot: Final claim ready notification with milestone vesting claim button active

All Claims Complete!

All Claims Complete Screenshot: Final success screen with complete session summary showing all three claims, total amounts, gas used, time elapsed, transaction links


Visual Troubleshooting Guide

Problem 1: Cooldown Error

Cooldown Error Screenshot: Red error notification "CooldownActive - You attempted to claim too soon" with countdown timer showing 37 seconds remaining

Problem 2: No Claimable Amount

No Rewards Screenshot: Empty state showing "No rewards to claim yet" with 0 WICC for all three types and helpful tips below each

Problem 3: Insufficient Gas

Gas Error Screenshot: MetaMask error popup showing "Insufficient funds" with current balance 0.005 WIC, required 0.01 WIC, shortfall highlighted

Problem 4: Transaction Failed

Transaction Failed Screenshot: Red error notification with "Transaction Failed" message, common causes listed, transaction hash, and "View on Explorer" link

Problem 5: Wallet Not Connected

Not Connected Screenshot: Claim page with overlay showing "Wallet Not Connected" message and prominent "Connect Wallet" button


Claim History Tracking

Claim History Screenshot: Claim history table with columns for Date, Type, Amount, TX Hash, Status, with filter dropdowns for "Type" and "Date Range", showing 5 recent claims with green checkmarks


Best Practices Summary

βœ… DO

  • Batch your claims together
  • Respect the 60-second cooldown
  • Check amounts before claiming
  • Time claims during low gas periods
  • Keep records of transactions

❌ DON'T

  • Claim too frequently (wastes gas)
  • Ignore cooldown timer
  • Claim during peak hours
  • Close page during transactions
  • Forget to verify amounts

Quick Reference: Screenshot Locations

When you capture your screenshots, save them to:

/public/images/user-guide/claim/

Required Screenshots (35 images):
─────────────────────────────────────────────────────────
Overview & Navigation:
β”œβ”€β”€ dashboard-overview.png          (Dashboard with all rewards)
β”œβ”€β”€ navigate-to-claim.png           (Navigation menu)
└── claim-dashboard-full.png        (Full claim page)

Single Position Claim:
β”œβ”€β”€ position-list.png               (Table of positions)
β”œβ”€β”€ select-position.png             (Single position highlighted)
β”œβ”€β”€ claim-modal-single.png          (Confirmation modal)
β”œβ”€β”€ wallet-confirm-claim.png        (MetaMask popup)
β”œβ”€β”€ tx-processing.png               (Loading state)
└── claim-success.png               (Success notification)

Claim All Positions:
β”œβ”€β”€ claim-all-section.png           (Total pending section)
β”œβ”€β”€ claim-all-button.png            (Button highlighted)
β”œβ”€β”€ claim-all-modal.png             (Breakdown modal)
β”œβ”€β”€ wallet-confirm-all.png          (MetaMask claimAll)
└── all-claimed-success.png         (Success with breakdown)

Referral Claims:
β”œβ”€β”€ referral-balance.png            (Unclaimed balance)
β”œβ”€β”€ referral-claim-button.png       (Claim button)
β”œβ”€β”€ referral-claim-modal.png        (Referral breakdown)
β”œβ”€β”€ wallet-referral-confirm.png     (MetaMask confirmation)
└── referral-claim-success.png      (Success message)

Milestone Vesting:
β”œβ”€β”€ milestone-vesting-overview.png  (Milestone dashboard)
β”œβ”€β”€ select-milestones.png           (Checkbox selection)
β”œβ”€β”€ milestone-claim-button.png      (Claim button active)
β”œβ”€β”€ milestone-claim-modal.png       (Vesting details)
β”œβ”€β”€ wallet-milestone-confirm.png    (MetaMask confirmation)
└── milestone-claim-success.png     (Success with breakdown)

Batch Claiming Flow:
β”œβ”€β”€ dashboard-all-rewards.png       (All types visible)
β”œβ”€β”€ claim-strategy-diagram.png      (Flow chart)
β”œβ”€β”€ batch-step1-positions.png       (Step 1 claiming)
β”œβ”€β”€ cooldown-timer.png              (Cooldown UI)
β”œβ”€β”€ batch-step2-referrals.png       (Step 2 claiming)
β”œβ”€β”€ cooldown-timer-2.png            (Second cooldown)
β”œβ”€β”€ batch-step3-milestone.png       (Step 3 claiming)
└── all-claims-complete.png         (Final summary)

Error States:
β”œβ”€β”€ error-cooldown.png              (Cooldown violation)
β”œβ”€β”€ error-no-rewards.png            (Empty state)
β”œβ”€β”€ error-gas.png                   (Insufficient gas)
β”œβ”€β”€ error-tx-failed.png             (Failed transaction)
└── error-not-connected.png         (Wallet disconnected)

History & Tracking:
└── claim-history.png               (History table)

Screenshot Guidelines:
β€’ Resolution: 1920x1080 or higher
β€’ Format: PNG (preferred for UI)
β€’ Size: Compress to <500KB each
β€’ Mode: Use consistent theme (light/dark)
β€’ Annotations: Add arrows/highlights where helpful
β€’ Context: Show full relevant UI elements
β€’ Quality: Clear, sharp, readable text

Summary

This guide showed you:

  • βœ… How to claim position interest (single & all)
  • βœ… How to claim referral rewards
  • βœ… How to claim milestone vesting
  • βœ… How to batch claims efficiently
  • βœ… How to handle cooldown period
  • βœ… How to troubleshoot common issues

Next Steps:

You're ready to claim! πŸŽ‰

Start with claiming position interest, then explore referral and milestone rewards as you grow on the platform.