OpenQDev / OpenQ-Frontend

Frontend for https://openq.dev
https://openq.dev
16 stars 16 forks source link

Create a Table Overview of a Hackathon's Payout Statuses #1780

Closed FlacoJones closed 1 year ago

FlacoJones commented 1 year ago

I've noticed myself frequently navigating data for investigation from Github Profile Url -> Github Id -> Bounty -> On-chain data, and everything in between

We have the submissions page (good if you have all PR submissions, which we don't), and the bounty page, but as far as birds eye view admin visibility, that's all we have right now.

So offline we've been making spreadsheets, lots of them. And it's been very error prone copying information from on OpenQ and on-chain, to off-chain

THE TASK

Make a table like this at a route like /overview/{hackathon repository name} or something like that.

It's total length will be equal to the total number of tiers, with a space in between each bounty.

Example sheet below -> task is essentially to recreate this in Next.js.

EXAMPLE DATA You can model if off of the following Sheet:

https://docs.google.com/spreadsheets/d/1lHyIHQNzpuTTW_XPSXGtoVk40ZO1tl8uzygH7GTIPwY/edit?usp=sharing

HTML TABLE (OR REACT COMPONENT?)

https://tanstack.com/table/v8/docs/examples/react/filters?from=reactTableV7&original=https://react-table-v7.tanstack.com/docs/examples/filtering