@knine-sdk/react
Version:
React helpers for Knine Finance projects. Part of Knine JS SDK
42 lines (39 loc) • 1.74 kB
JavaScript
import invariant from 'tiny-invariant';
import warning from 'tiny-warning';
import { useEffect } from 'react';
import { getERC20Contract } from '@knine-sdk/contracts';
import { useContractSWR } from './useContractSWR.js';
import { useSDK } from './useSDK.js';
import { useDebounceCallback } from './useDebounceCallback.js';
const useTotalSupply = (token, config, providerRpc, web3Provider) => {
const { providerRpc: sdkProviderRpc, providerWeb3: sdkProviderWeb3 } = useSDK();
const chosenRpcProvider = providerRpc !== null && providerRpc !== void 0 ? providerRpc : sdkProviderRpc;
const chosenWeb3Provider = web3Provider !== null && web3Provider !== void 0 ? web3Provider : sdkProviderWeb3;
invariant(token != null, 'Token is required');
const contractRpc = getERC20Contract(token, chosenRpcProvider);
const contractWeb3 = chosenWeb3Provider
? getERC20Contract(token, chosenWeb3Provider)
: null;
const result = useContractSWR({
contract: contractRpc,
method: 'totalSupply',
config,
});
const updateSupplyDebounced = useDebounceCallback(result.update, 1000);
useEffect(() => {
if (!chosenWeb3Provider || !contractWeb3)
return;
try {
const transfer = contractWeb3.filters.Transfer();
chosenWeb3Provider.on(transfer, updateSupplyDebounced);
return () => {
chosenWeb3Provider.off(transfer, updateSupplyDebounced);
};
}
catch (error) {
return warning(false, 'Cannot subscribe to events');
}
}, [chosenWeb3Provider, contractWeb3, updateSupplyDebounced]);
return result;
};
export { useTotalSupply };