oasisprotocol / oasisprotocol/explorer

[UX]: Present Contract Call data in a nicer form (in additional to the raw indented text version)

Open
#2,349 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

ux/design
Dominant language
TypeScript
Stars
13
Forks
13
Avg merge
58m
Merged PRs (30d)
2

Description

For example, creating a ROFL application would result in a transaction like:
https://explorer.oasis.io/mainnet/sapphire/tx/0x8c1b51182afb1688a8021492c6a77fc715bb42fca45f175d12c788e2d4dc3c5f

We are currently able to display all the information that was passed to the Contract Call in a raw indented text version:

Image

I think it would be useful to be able to toggle between the current advanced/raw view and a more accessible graphical variant that would fit in the current transaction details UI.

Contributor guide

No contributing guide indexed for this repository

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.

Research direction

Start with the linked Sapphire transaction and inspect the transaction details UI where Contract Call data is currently shown as raw indented text. Determine how that view is assembled and define a toggleable graphical presentation that remains within the existing details UI while preserving the raw view; done means both views are available and the contract data is easier to understand.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
blockchain, frontend, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.