Enable the contract viewer

[2xic]

Some polish of the contract viewer

• Replace the emojis with real icons
• Make the 4byte text copy-able.
• Various styling changes (re-use existing button component and styling)
• Some improved error handling
• Added spinner for when the contract is being loaded
• Fixed the theme being wrong for the code editor on the initial load
• Fixed the updating of the URL not being changed on delete

Still some known issue that we will likely tackle later

• error handling: if you try to read from a mapping we can't decode it and it will give an error.

• you can click on the input boxes of results node, but they aren't editable

• the encoded results could have been padded to better align (see photo - 4bytes are unaligned with the rest, we could have just padded the 4 bytes with empty space to make it all aligned)

  

• Some minor styling changes here and there for the various sections inside the function interactions.

• Last but not least, there are some improved that could be done to make the code more readable and reusable

Test plan

• Most of the changes here are styling, but do make sure that things work as before
  • Loading from url
  • Loading new contracts
  • Calling and encoding
  • 
  • 
  • Sending
  • Deletion of contracts and adding of implementations

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
evm-codes	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 18, 2024 10:25am

[2xic]

• #322 👈
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @2xic and the rest of your teammates on Graphite

[mcmxcdev]

I just deleted one character from the contract address, leading to this overlap:

[mcmxcdev]

Ideally, the MUI inputs can be replaced with already existing Input too at some point for more consistency.

[2xic]

Ideally, the MUI inputs can be replaced with already existing Input too at some point for more consistency.

💯 Yeah, I agree with this. I wanted to get it done with this PR, but it would go past the allowed time for this cleanup :'(