Closed saimeunt closed 3 months ago
@saimeunt I'd love to work on this. I'm a frontend developer and can get id done in 2-3 workings days. Please use the link below to view my profile on OnlyDust
https://app.onlydust.com/u/Ejembiii
Here is how I would implement it:
Hi, my name is Adrian Vargas and I would love to work on this issue, here is my OD profile so you can take a look at my work
https://app.onlydust.com/u/adrianvrj
Here is how I would approach it:
Hi, can I take this? I have been a contributor to several projects of the walnut team. My profile on onlydust: https://app.onlydust.com/u/melnikga I did a similar task on the previous ODHack on the Starkflare project from the walnut team. There I implemented a similar table for the ContractsBurningMostStepsTable component. In order to solve this problem, I will use the table component from shadcn, the method for copying the contract address window.navigator.clipboard.writeText(), the tooltip component from shadcn to display the full address of the contract. I will receive the data in the parent component, for example, on the /block/:number/txs page and use the prop to transfer them to the table component.
@adrianvrj I'm assigning to you, good luck! @melnikga Thank you for your very comprehensive approach of the problem, you may be assigned halfway through the hack if there's no draft PR from the current assignee.
Block transactions list page
⚠️ Reading contributors guidelines to get assigned is MANDATORY!
Read contributors guidelines
User stories
/block/:number/txs
. The list should include tx hash, method, timestamp, from address, to address, value and fee. Add links where applicable (tx hash, from/to addressesValidation
It should look like the Etherscan block transactions list page, eg. https://optimistic.etherscan.io/txs?block=121612939 We can use the method ID for now, we'll implement method identification later on. Do NOT implement the "Download Page Data" functionality.
Implementation
You can use the transaction details page as inspiration for the global architecture. Use the table component from shadcn/ui to show the list of transactions.
Resources: