feat(address): show Kleros verified tag on address page#277
Merged
Conversation
Add source field support from explorer-metadata PR #11 to display a "Verified by Kleros" tag next to addresses tagged by the Kleros curated list.
|
🚀 Preview: https://pr-277--openscan.netlify.app |
- Add KlerosService with GraphQL query against Kleros ATQ subgraph - Add useKlerosTag hook with fallback to metadata CDN - Show Public Name Tag as clickable link to Kleros Curate item - Add Kleros logo to tag badge - Migrate REACT_APP_ENVIRONMENT to VITE_ENVIRONMENT - Inject VITE_THE_GRAPH_API_KEY in CI workflows
AugustoL
added a commit
that referenced
this pull request
Mar 5, 2026
- Add useEtherscan hook fetching from Etherscan V2 API (single key, 60+ chains) - Add useContractVerification hook running Sourcify and Etherscan simultaneously; source is an array — empty means unverified, ["sourcify"], ["etherscan"], or both - Replace useSourcify calls in ContractDisplay, ERC20Display, ERC721Display, ERC1155Display with useContractVerification; add proxy detection to ERC721/ERC1155 - Show Sourcify and Etherscan as linked tag badges on the status row in ContractInfoCard, following the same style as Kleros tags (PR #277) - Compute verification URLs internally in ContractInfoCard (correct partial_match path for Sourcify; per-chain explorer URL for Etherscan); remove sourcifyUrl prop - Add Etherscan API key field to Settings (after Alchemy, before AI keys) - Add etherscan key to ApiKeys type and all 5 locale files - Fix double separator between EVM Version and Contract Details rows
12 tasks
MatiasOS
approved these changes
Mar 6, 2026
Member
MatiasOS
left a comment
MatiasOS
left a comment
There was a problem hiding this comment.
There is missing some locale translation too
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Add live Kleros Address Tags (ATQ) support on the address page. When an Ethereum mainnet address is registered in the Kleros curated Address Tag registry, a clickable tag badge with the Kleros logo and public name is displayed next to the address type indicator, linking to the Kleros Curate item page. Also migrates
REACT_APP_ENVIRONMENTtoVITE_ENVIRONMENTfor proper Vite compatibility.Related Issue
Type of Change
Changes Made
KlerosService.tswith GraphQL query against the Kleros ATQ subgraph on The Graph, including 1-hour in-memory cache and Kleros Curate URL helpersuseKlerosTaghook that queries The Graph first and falls back to the metadata CDN (addresses/evm/{chainId}/{address}.json)AddressMetadatainterface andfetchAddress()function toMetadataService.tsfor CDN fallbackAddressHeaderwith Kleros logo, public name tag, and external link arrowklerosTagprop through all 5 display components (AccountDisplay,ContractDisplay,ERC20Display,ERC721Display,ERC1155Display) toAddressHeaderklerosVerifiedTooltipi18n key in both English and Spanish address locale files.kleros-verified-tagand.kleros-logoCSS styles with Kleros purple brandingpublic/kleros-logo.png)REACT_APP_ENVIRONMENT→VITE_ENVIRONMENTinhome/index.tsx,networks.ts,subdomains.ts,AppContext.tsx,constants.ts, andvite.config.tsScreenshots (if applicable)
Checklist
npm run format:fixandnpm run lint:fixnpm run typecheckwith no errorsnpm run test:runAdditional Notes