70 lines
1.7 KiB
TypeScript
70 lines
1.7 KiB
TypeScript
import { createContext, useContext, useEffect, useState } from "react";
|
|
import { chainInfoURL } from "./url";
|
|
import { OtterscanRuntime } from "./useRuntime";
|
|
|
|
export type ChainInfo = {
|
|
network: string | undefined;
|
|
faucets: string[];
|
|
nativeCurrency: {
|
|
name: string;
|
|
symbol: string;
|
|
decimals: number;
|
|
};
|
|
};
|
|
|
|
export const defaultChainInfo: ChainInfo = {
|
|
network: undefined,
|
|
faucets: [],
|
|
nativeCurrency: {
|
|
name: "Ether",
|
|
symbol: "ETH",
|
|
decimals: 18,
|
|
},
|
|
};
|
|
|
|
export const ChainInfoContext = createContext<ChainInfo | undefined>(undefined);
|
|
|
|
export const useChainInfoFromMetadataFile = (
|
|
runtime: OtterscanRuntime | undefined
|
|
): ChainInfo | undefined => {
|
|
const assetsURLPrefix = runtime?.config?.assetsURLPrefix;
|
|
const chainId = runtime?.provider?.network.chainId;
|
|
|
|
const [chainInfo, setChainInfo] = useState<ChainInfo | undefined>(undefined);
|
|
|
|
useEffect(() => {
|
|
if (assetsURLPrefix === undefined || chainId === undefined) {
|
|
setChainInfo(undefined);
|
|
return;
|
|
}
|
|
|
|
const readChainInfo = async () => {
|
|
try {
|
|
const res = await fetch(chainInfoURL(assetsURLPrefix, chainId));
|
|
if (!res.ok) {
|
|
setChainInfo(defaultChainInfo);
|
|
return;
|
|
}
|
|
|
|
const info: ChainInfo = await res.json();
|
|
setChainInfo(info);
|
|
} catch (err) {
|
|
// ignore
|
|
setChainInfo(defaultChainInfo);
|
|
return;
|
|
}
|
|
};
|
|
readChainInfo();
|
|
}, [assetsURLPrefix, chainId]);
|
|
|
|
return chainInfo;
|
|
};
|
|
|
|
export const useChainInfo = (): ChainInfo => {
|
|
const chainInfo = useContext(ChainInfoContext);
|
|
if (chainInfo === undefined) {
|
|
throw new Error("no chain info");
|
|
}
|
|
return chainInfo;
|
|
};
|