Files
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

19 lines
432 B
TypeScript

import { chakra } from '@chakra-ui/react';
import React from 'react';
import type { AbiParameter } from 'viem';
interface Props {
abiParameter: AbiParameter;
}
const ItemLabel = ({ abiParameter }: Props) => {
return (
<>
{ abiParameter.name && <chakra.span fontWeight={ 500 }>{ abiParameter.name } </chakra.span> }
<span>({ abiParameter.type }) : </span>
</>
);
};
export default React.memo(ItemLabel);