mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
ebbee2ba57
* Support redirect to a correct view from search * show domains on address page * migrate to new API version to display address domains * another api update * new design for chain widget on home page + tests * chain widget styles for mobile devices * ecosystems page * update types * add ecosystems to navigation * address portfolio: pt.1 * portfolio tokens list * filter portfolio by chain * skip redirect when navigating to search result by clicking on "show all results" link * net worth block design * add filter input to chain select and fix tokens table * calculate address portfolio * adjust card logic * support custom token types in multichain explorer * handle case when new worth is 0 * add text filter to tokens list * fixes * demo envs * portfolio tests * ecosystems test * change signature for getTokenTypes function * fix adding token to the wallet from the list * lazy load all address domains * show contract creator and implementations info * fix tests * add poor reputation tokens toggle * tweaks * dim celo native tokens * disable env validator * fix tests * remove tokens with 0 usd value from top tokens * fixes * preserve selected chain when switching tabs on address page * add hints to stats widgets on home page * update envs for demo * fix portfolio cards and home page * update styles for contract creator and implementations * fix select issues * add chains from cluster to network menu * hide csv export link on empty logs page * update screenshots * rollback select fix * update cut length calculation for portfolio cards * fix chain select * update screenshots * fix tests * more fixes * add sorting to ecosystems table * fix test * fixes * fix loading state in ecosystems page * review fixes * fix tests
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
import React from 'react';
|
|
import type { AddEthereumChainParameter } from 'viem';
|
|
|
|
import config from 'configs/app';
|
|
import { useMultichainContext } from 'lib/contexts/multichain';
|
|
import { SECOND } from 'toolkit/utils/consts';
|
|
|
|
import useRewardsActivity from '../hooks/useRewardsActivity';
|
|
import useProvider from './useProvider';
|
|
import { getHexadecimalChainId } from './utils';
|
|
|
|
function getParams(chainConfig: typeof config): AddEthereumChainParameter {
|
|
if (!chainConfig.chain.id) {
|
|
throw new Error('Missing required chain config');
|
|
}
|
|
|
|
return {
|
|
chainId: getHexadecimalChainId(Number(chainConfig.chain.id)),
|
|
chainName: chainConfig.chain.name ?? '',
|
|
nativeCurrency: {
|
|
name: chainConfig.chain.currency.name ?? '',
|
|
symbol: chainConfig.chain.currency.symbol ?? '',
|
|
decimals: chainConfig.chain.currency.decimals ?? 18,
|
|
},
|
|
rpcUrls: chainConfig.chain.rpcUrls,
|
|
blockExplorerUrls: [ chainConfig.app.baseUrl ],
|
|
};
|
|
}
|
|
|
|
interface Params {
|
|
chainConfig?: typeof config;
|
|
}
|
|
|
|
export default function useAddChain(params?: Params) {
|
|
const { data: { wallet, provider } = {} } = useProvider();
|
|
const { trackUsage } = useRewardsActivity();
|
|
const multichainContext = useMultichainContext();
|
|
|
|
const chainConfig = params?.chainConfig || multichainContext?.chain.app_config || config;
|
|
|
|
return React.useCallback(async() => {
|
|
if (!wallet || !provider) {
|
|
throw new Error('Wallet or provider not found');
|
|
}
|
|
|
|
const start = Date.now();
|
|
|
|
await provider.request({
|
|
method: 'wallet_addEthereumChain',
|
|
params: [ getParams(chainConfig) ],
|
|
});
|
|
|
|
// if network is already added, the promise resolves immediately
|
|
if (Date.now() - start > SECOND) {
|
|
await trackUsage('add_network');
|
|
}
|
|
}, [ wallet, provider, chainConfig, trackUsage ]);
|
|
}
|