diff --git a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/RenderOutputParams/index.tsx b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/RenderOutputParams/index.tsx index bbb9c575..2f728580 100644 --- a/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/RenderOutputParams/index.tsx +++ b/src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/RenderOutputParams/index.tsx @@ -3,6 +3,7 @@ import { useField } from 'react-final-form' import TextField from 'src/components/forms/TextField' import Col from 'src/components/layout/Col' +import Paragraph from 'src/components/layout/Paragraph' import Row from 'src/components/layout/Row' const RenderOutputParams = () => { @@ -14,8 +15,14 @@ const RenderOutputParams = () => { }: any = useField('callResults', { value: true }) const multipleResults = !!method && method.outputs.length > 1 - return results - ? method.outputs.map(({ name, type }, index) => { + return results ? ( + <> + + + Call result: + + + {method.outputs.map(({ name, type }, index) => { const placeholder = name ? `${name} (${type})` : type const key = `methodCallResult-${method.name}_${index}_${type}` const value = multipleResults ? results[index] : results @@ -33,8 +40,9 @@ const RenderOutputParams = () => { ) - }) - : null + })} + + ) : null } export default RenderOutputParams