walnuthq / op-scan

Lightweight transaction explorer for the OP Stack.
7 stars 16 forks source link

From/To in tx details page #14

Open saimeunt opened 1 week ago

saimeunt commented 1 week ago

From/To in tx details page

⚠️ Reading contributors guidelines to get assigned is MANDATORY!

Read contributors guidelines

User stories

Validation

You should study how Etherscan displays these fields based on the different possible scenarios: https://optimistic.etherscan.io/tx/0x3b680d4727227d6afb35ddf620c3b16e33877f3cc06ec1151a6c45bd167b9f30

Image

In particular, we need to detect contract interaction and if execution went through or reverted.

Implementation

Use the data available in the transaction object in the tx details page to display the correct information. You should continue the work already done on the basic tx detail page and reuse the description list component.

Ayoazeez26 commented 1 week ago

I would love to work on this, here is my OD profile

melnikga commented 1 week ago

Hi, can I take this

Ugo-X commented 1 week ago

Hello Project Lead! I'm Ugo, a fullstack(js,React,Node,Next.js,Three.js) developer with a strong track record in OD hack projects. I've been actively involved since Edition 2, contributing to various initiatives, and I'm thrilled to be part of Edition 5! Having used OnlyDust extensively (see my profile:https://app.onlydust.com/u/Ugo-X)), I'm confident in my ability to tackle new challenges within this edition. I'm eager to leverage my skills and experience to contribute effectively.

Here's how I plan to approach the issue:

PoulavBhowmick03 commented 1 week ago

Hello Project lead and maintainers, I am Poulav, a fullstack web3 developer. I have good grasp in MERN stack, Next.js, Typescript and other currently leading tech stacks in web. This is my first time contributing in this project but I feel I can work on this in great ease. Here is my Profile:- https://app.onlydust.com/u/PoulavBhowmick03 Not much, since recently opened the account, but I can get this done since I have worked on similar issues before

How I plan to do this

I will build a similar looking div in the tx/[hash] route showing To: and From: I will then import the Transaction from the lib/types.ts and pass it as props to the main function and then use it to display the respective transaction from and to address in the page.

I believe if I am assigned this, I can get it done in the quickest time. Regards Thank you!

kamuik16 commented 1 week ago

I'm up for it! OD Hack Profile

jedstroke commented 1 week ago

Hello Walnut Fam,

I am a seasoned fullstack developer with a focus on front-end development. Although I haven't contributed to Walnut before, I am excited by your welcoming stance: "However, if you are new, don’t worry—we are eager to attract new talent..."

I am passionate about creating responsive, modular, and scalable UI components and would love to take on this issue.

Here are my profiles for your reference:

Best regards, Jedidiah Gabriel

saimeunt commented 1 week ago

@PoulavBhowmick03 provided a clear comment showing a good understanding of what needs to be done, assigning to you.

@kamuik16 I appreciate your contribution however we have a strict policy regarding issue assignment and we can't accept PRs on issues not assigned beforehand. There will be more issues in the coming days, feel free to comment on them to receive assignment.