Files
explore/ui/zetaChain/useZetaChainConfig.ts
edc54514f1 OP Superchain explorer: aggregated views (#3040)
* refactor widgets on home page

* coming soon placeholder component

* top accounts page

* contract data

* address ERC-20 tokens list

* chain filter for address ERC-20 tokens

* token select for address detailed view

* address details fields

* tokens table

* stats widgets on home page

* chain indicators graph on the home page

* quick search

* search results all tab

* tabs and chain select on search results page

* search results mobile view

* add contract info to search and address details

* add text filter for tokens and search improvements

* load all results inside tab on search results page

* token balance info

* add support for domains in the full search

* Multichain explorer

Resolves #2989

* add envs validator for multichain

* add some tests

* fix search bar on search results page on mobile

* home stats fixes

* fix ts

* optimize amount of queries on address page

* add more contract info on address page

* add enter key hint to search input

* fix tests

* fix test

* update bg.primary css-variable on color theme change

* sitemap for multichain

* txs page: render first tab if blob tab is not available on the chain

* filter out in active chains from chain select on address page and user ops page

* add chain icon to advanced filter table

* fix tooltip on entity with shield

* fix ts

* show contract implementations

* fixes

* add chain icon to all lists

* refactor zetachain chains config type

* use chain id as primary option instead of chain slug

* refactor chain config type for multichain and essential dapps

* refactor chain icon and chain select

* rename chain-slug in chain_slug

* change default radius of chain icon and update screenshots for multichain tests

* change conditions for "isContract" and "isVerified"

* test fixes

* make shield optional for external chain entities

* add chain icon to approvals lists

* add stats page for multichain

* add chain postfix to chart .png and .csv assets name

* fix tests

* sync verified contracts language filter and fix loading state in the search results page

* fix sol2uml diagram and csv export

* regcred from helmfile for review

* link fixes

* fix state for unknown address

* fix incorrect chain in the context during spa transition to the same route on different chain

* add links to stats widgets

* add mixpanel to L2 demo values

* show message of on-demand contract verification

* fix screenshots

---------

Co-authored-by: Nick Zenchik <[email protected]>
2025-11-18 09:44:22 +01:00

41 lines
1.3 KiB
TypeScript

import { useQuery } from '@tanstack/react-query';
import React from 'react';
import type { ZetaChainChainsConfigEnv, ZetaChainExternalChainConfig } from 'types/client/zetaChain';
import config from 'configs/app';
import type { ResourceError } from 'lib/api/resources';
import useFetch from 'lib/hooks/useFetch';
const zetachainFeature = config.features.zetachain;
export default function useZetaChainConfig() {
const fetch = useFetch();
const { isPending, data } = useQuery<Array<ZetaChainChainsConfigEnv>, ResourceError<unknown>, Array<ZetaChainExternalChainConfig>>({
queryKey: [ 'zetachain-config' ],
queryFn: async() => fetch(
zetachainFeature.isEnabled ? zetachainFeature.chainsConfigUrl : '',
undefined,
{ resource: 'zetachain-config' },
) as Promise<Array<ZetaChainChainsConfigEnv>>,
select: (data) => {
return data.map((item) => ({
id: item.chain_id.toString(),
name: item.chain_name || `Chain ${ item.chain_id }`,
logo: item.chain_logo || undefined,
explorer_url: item.instance_url,
address_url_template: item.address_url_template,
tx_url_template: item.tx_url_template,
}));
},
enabled: Boolean(zetachainFeature.isEnabled),
staleTime: Infinity,
});
return React.useMemo(() => ({
isPending,
data,
}), [ data, isPending ]);
}