[UX/UI] users should be able to see whether badge is already minted, whether it can already be minted

Open
#1,269 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
45/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
typescript
Domain
frontend

Research direction

Start at https://scroll.io/canvas-and-badges#discover and inspect how badge status is represented for the page. The work is done when already minted badges and badges whose prerequisites are complete are visibly distinct from badges that are not ready, with a filter for badges that can be minted.

Written by the indexing model from the issue text.

Description

Describe the bug
On this page https://scroll.io/canvas-and-badges#discover already minted badges should be somehow marked, e.g with green mark/green bold border etc. It would be great to see the badges that CAN already be minted - it means prerequisites are accomplished but not yet minted - can be marked with e.g blue mark and also great to have a filter on such.

To Reproduce
Go to page https://scroll.io/canvas-and-badges#discover and see that minted badges are not different from unminted.

Expected behavior
I expect to see already minted badges and those that can already be minted. Those should be marked somehow and be different from badges that are not yet ready to mint.

Dominant language
TypeScript
Stars
63
Forks
79
Avg merge
16h 15m
Merged PRs (30d)
10

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from scroll-tech/frontends

All issues in scroll-tech/frontends

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.