Skip to content

frontend: Add a modal for the user to view their attestations per hunt, on-chain #175

@mittal-parth

Description

@mittal-parth
  • We use sign protocol attestations heavily for progress tracking - both retries and successful clue solves.
  • Since these can be viewed on the sign explorer (https://scan.sign.global/attestation/), we can provide links to those to the user to verify their attestations
  • We can put this inside the leaderboard itself.
    • So in the current leaderboard, a user can click on a given row. The row can have a > icon to give a visual indication that it can be expanded which becomes a downaward arrow when opened. Clicking on that would expand that and show stuff ahead. We can use npx shadcn@latest add https://neobrutalism.dev/r/collapsible.json to add a Collapsible and use a Collapsible here.
    • The expanded state would contain an indented list of attestations. Each attestation would show: Attempt #, a cross icon indicating its a retry, a check icon indicating its a solve, a time icon with the time taken value and a link icon which links to https://scan.sign.global/attestation/
    • This should be a timeline like where the last is always the solved one.
    • On the backend, since we anyway fetch all attestations of the hunt and then compute the leaderboard, we can also return the attestations list. But see if we are getting only solved data there. If that is the case, we need an efficient way to get all attestations, including the retries this time. Maybe we can explore fetching those only if the user clicks on a given row and then we fetch the stuff. We could either fetch it only for the team clicked or all at once, whatever convinient. No caching.

Metadata

Metadata

Assignees

Labels

P2Priority - MediumenhancementNew feature or requestfrontendjavascriptPull requests that update javascript code

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions