Skip to content

F
frontend
Commit b210a0f3 authored by tom's avatar tom
Browse files
Options

contract methods tweaks

parent 3978736f
Hide whitespace changes
Inline Side-by-side
Showing with 42 additions and 37 deletions
ui/address/contract/ContractMethodsAccordion.tsx
View file @ b210a0f3
...@@ -35,50 +35,55 @@ const ContractMethodsAccordion = <T extends SmartContractMethod>({ data, renderC ...@@ -35,50 +35,55 @@ const ContractMethodsAccordion = <T extends SmartContractMethod>({ data, renderC
setId((id) => id + 1); setId((id) => id + 1);
}, []); }, []);
if (data.length === 0) {
return null;
}
return ( return (
<Accordion allowMultiple position="relative" onChange={ handleAccordionStateChange } index={ expandedSections }> <>
{ data.map((item, index) => { <Flex mb={ 3 }>
return ( <Box fontWeight={ 500 }>Contract information</Box>
<AccordionItem key={ index } as="section" _first={{ borderTopWidth: '0', '.chakra-accordion__button': { pr: '150px' } }}> <Link onClick={ handleExpandAll } ml="auto">{ expandedSections.length === data.length ? 'Collapse' : 'Expand' } all</Link>
<h2> <Link onClick={ handleReset } ml={ 3 }>Reset</Link>
<AccordionButton px={ 0 } py={ 3 } _hover={{ bgColor: 'inherit' }} wordBreak="break-all" textAlign="left"> </Flex>
<Box as="span" fontFamily="heading" fontWeight={ 500 } fontSize="lg" mr={ 1 }> <Accordion allowMultiple position="relative" onChange={ handleAccordionStateChange } index={ expandedSections }>
{ index + 1 }. { item.type === 'fallback' || item.type === 'receive' ? item.type : item.name } { data.map((item, index) => {
</Box> return (
{ item.type === 'fallback' && ( <AccordionItem key={ index } as="section" _first={{ borderTopWidth: '0' }}>
<Hint <h2>
label={ <AccordionButton px={ 0 } py={ 3 } _hover={{ bgColor: 'inherit' }} wordBreak="break-all" textAlign="left">
`The fallback function is executed on a call to the contract if none of the other functions match <Box as="span" fontWeight={ 500 } mr={ 1 }>
{ index + 1 }. { item.type === 'fallback' || item.type === 'receive' ? item.type : item.name }
</Box>
{ item.type === 'fallback' && (
<Hint
label={
`The fallback function is executed on a call to the contract if none of the other functions match
the given function signature, or if no data was supplied at all and there is no receive Ether function. the given function signature, or if no data was supplied at all and there is no receive Ether function.
The fallback function always receives data, but in order to also receive Ether it must be marked payable.` The fallback function always receives data, but in order to also receive Ether it must be marked payable.`
}/> }/>
) } ) }
{ item.type === 'receive' && ( { item.type === 'receive' && (
<Hint <Hint
label={ label={
`The receive function is executed on a call to the contract with empty calldata. `The receive function is executed on a call to the contract with empty calldata.
This is the function that is executed on plain Ether transfers (e.g. via .send() or .transfer()). This is the function that is executed on plain Ether transfers (e.g. via .send() or .transfer()).
If no such function exists, but a payable fallback function exists, the fallback function will be called on a plain Ether transfer. If no such function exists, but a payable fallback function exists, the fallback function will be called on a plain Ether transfer.
If neither a receive Ether nor a payable fallback function is present, If neither a receive Ether nor a payable fallback function is present,
the contract cannot receive Ether through regular transactions and throws an exception.` the contract cannot receive Ether through regular transactions and throws an exception.`
}/> }/>
) } ) }
<AccordionIcon/> <AccordionIcon/>
</AccordionButton> </AccordionButton>
</h2> </h2>
<AccordionPanel pb={ 4 } px={ 0 }> <AccordionPanel pb={ 4 } px={ 0 }>
{ renderContent(item, index, id) } { renderContent(item, index, id) }
</AccordionPanel> </AccordionPanel>
</AccordionItem> </AccordionItem>
); );
}) } }) }
{ data.length > 0 && ( </Accordion>
<Flex columnGap={ 3 } position="absolute" top={ 0 } right={ 0 } py={ 3 } lineHeight="27px"> </>
<Link onClick={ handleExpandAll }>{ expandedSections.length === data.length ? 'Collapse' : 'Expand' } all</Link>
<Link onClick={ handleReset }>Reset</Link>
</Flex>
) }
</Accordion>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment