Files
explore/ui/contractVerification/fields/ContractVerificationFieldConstructorArgs.tsx
tom goriunovandGitHub 5e80806796 UI toolkit package (#2691)
* first version of the pack

* single entry point

* add custom components to the package

* move form components to toolkit

* add more utils and hooks to the package

* minor fixes

* add CI workflow

* update readme and package.json

* fix ts

* fix build of env-validator

* fix docker build

* fix icons size

* test fixes

* more test fixes
2025-04-21 19:44:22 +02:00

33 lines
1.2 KiB
TypeScript

import React from 'react';
import type { FormFields } from '../types';
import { Link } from 'toolkit/chakra/link';
import { FormFieldText } from 'toolkit/components/forms/fields/FormFieldText';
import ContractVerificationFormRow from '../ContractVerificationFormRow';
const ContractVerificationFieldConstructorArgs = () => {
return (
<ContractVerificationFormRow>
<FormFieldText<FormFields>
name="constructor_args"
required
rules={{ maxLength: 255 }}
placeholder="ABI-encoded Constructor Arguments"
asComponent="Textarea"
/>
<>
<span>Add arguments in </span>
<Link href="https://solidity.readthedocs.io/en/develop/abi-spec.html" target="_blank">ABI hex encoded form</Link>
<span> if required by the contract. Constructor arguments are written right to left, and will be found at the end of the input created bytecode.</span>
<span> They may also be </span>
<Link href="https://abi.hashex.org/" target="_blank">parsed here</Link>
<span>.</span>
</>
</ContractVerificationFormRow>
);
};
export default React.memo(ContractVerificationFieldConstructorArgs);