telosnetwork / teloscan

Telos EVM block explorer for viewing blocks, transactions, contracts, staking, and more
https://teloscan.io
Apache License 2.0
22 stars 25 forks source link

Dev #866

Closed pmjanus closed 1 month ago

pmjanus commented 1 month ago

Fixes #487 #816 #858

Description

This PR merges three previously validated features from development into master:

  1. Contract Parameter Enhancement (!#863):

    • Added support for tuple and tuple array parameters in contract interactions
    • Implemented JSON array format for complex parameter input
    • Users can now interact with contracts requiring structured data types
  2. Contract Cache Optimization (!#850):

    • Improved performance by fetching contract metadata exclusively from cache
    • Delegated cache population responsibility to indexer API
    • Eliminated redundant API calls in holders view
  3. Address Page UX Improvements (!#859):

    • Implemented immediate visual feedback on address page loads
    • Added loading skeletons and spinners for better user experience
    • Optimized component layout for progressive content loading

Test scenarios

1. Contract Parameter Testing

  1. Navigate to Example Contract in Write section
  2. Test tuple parameter input using array format:

[123, "0xA1F2aDC12cdB069406BFe51f31980324d757317C", false]

  1. Verify successful contract interaction with complex parameters

2. Cache Implementation Testing

  1. Visit USDT holders page at: https://deploy-preview-850--dev-mainnet-teloscan.netlify.app/address/0x975Ed13fa16857E83e7C493C7741D556eaaD4A3f
  2. Open developer tools (F12) -> Network tab
  3. Clear network logs
  4. Navigate to Holders tab
  5. Verify no additional queries for address metadata
  6. Test through multiple pages to confirm no extra queries

3. Address Page Responsiveness

  1. Visit any address page
  2. Confirm immediate page structure loading
  3. Verify loading spinner appears next to address while determining type
  4. Check that "more-info" cards properly utilize available space during loading
  5. Validate skeleton loading patterns across all sections
netlify[bot] commented 1 month ago

Deploy Preview for dev-mainnet-teloscan ready!

Name Link
Latest commit a7e267fed6835745cd5286ef44e22c9fd843681a
Latest deploy log https://app.netlify.com/sites/dev-mainnet-teloscan/deploys/671ff1967a5dfc0008b442f5
Deploy Preview https://deploy-preview-866--dev-mainnet-teloscan.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] commented 1 month ago

Deploy Preview for teloscan ready!

Name Link
Latest commit a7e267fed6835745cd5286ef44e22c9fd843681a
Latest deploy log https://app.netlify.com/sites/teloscan/deploys/671ff196f014650007454788
Deploy Preview https://deploy-preview-866--teloscan.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] commented 1 month ago

Deploy Preview for testnet-teloscan ready!

Name Link
Latest commit a7e267fed6835745cd5286ef44e22c9fd843681a
Latest deploy log https://app.netlify.com/sites/testnet-teloscan/deploys/671ff196bee54d000870e751
Deploy Preview https://deploy-preview-866--testnet-teloscan.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] commented 1 month ago

Deploy Preview for teloscan-stage ready!

Name Link
Latest commit a7e267fed6835745cd5286ef44e22c9fd843681a
Latest deploy log https://app.netlify.com/sites/teloscan-stage/deploys/671ff196f01465000745478a
Deploy Preview https://deploy-preview-866--teloscan-stage.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.