search

gamedaoco / gamedao-haiku

GameDAO Apps
https://gamedao.co
12 stars 3 forks source link

Guild Case Battlepass Reward Card #504

Closed AlexisZero closed 1 year ago

AlexisZero commented 1 year ago

User Story

We need to build a reward card for the battlepass items and display them in a dynamic list.

Acceptance Criteria

  1. New Card components.
  2. New list to display the card components.
  3. Big image displayed depending on the reward config.
  4. Title and description depending on the reward config.
  5. Claim button or claimed disabled button.
  6. Engaged users graphic displaying other users who have claimed this reward. dynamically display 3 user avatars, and the last item is an overall count of all the users who claimed this reward.
  7. Item order count on the background for the reward card, with a opacity gradient, based on the inter font.
  8. Premium battlepass reward label

Additional Information

https://www.figma.com/file/OYPQL4WC3JHg4a4F1KsnI4/Clickable-Prototype-Guild%2FCase?node-id=1023%3A22472&t=49J042aMCZhuX2oH-0

https://fonts.google.com/specimen/Inter

How to test

  1. New component list with all the reward card with all the elements displayed above.