Files
explore/ui/address/contract/methods/ContractMethodsCustom.tsx
T
tom goriunovandGitHub 434aae92bb Call contract read methods from the client (#2032)
* display methods accordion

* add method_id to methods

* query read method via public client

* query read methods without inputs at accordion section open

* add custom abi tabs

* add proxy tabs

* custom wagmi config if wc is not configured

* remove ContractAbiItemConstant component

* display tuple properties in method outputs

* display read result

* clean up

* support nested arrays in the read result

* re-write test for contract methods

* change result view for address output

* refactoring

* fix tests

* remove web3 provider fallback

* fix tab loading

* refactoring

* add implementation contract selector

* add "copy to clipboard" for address, remove top-level square brackets

* add preview mode to contract method result

* tests for read result

* fix tests

* change styles for result preview

* review fix
2024-06-24 19:56:06 +02:00

27 lines
707 B
TypeScript

import React from 'react';
import type { MethodType, SmartContractMethod } from './types';
import ContractConnectWallet from './ContractConnectWallet';
import ContractCustomAbiAlert from './ContractCustomAbiAlert';
import ContractMethods from './ContractMethods';
interface Props {
abi: Array<SmartContractMethod>;
isLoading?: boolean;
type: MethodType;
}
const ContractMethodsCustom = ({ abi, isLoading, type }: Props) => {
return (
<>
<ContractConnectWallet isLoading={ isLoading }/>
<ContractCustomAbiAlert isLoading={ isLoading }/>
<ContractMethods abi={ abi } isLoading={ isLoading } type={ type }/>
</>
);
};
export default React.memo(ContractMethodsCustom);