Files
explore/ui/contractVerification/fields/ContractVerificationFieldAddress.tsx
tom goriunovandGitHub f6725649da 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

35 lines
903 B
TypeScript

import React from 'react';
import type { FormFields } from '../types';
import { Heading } from 'toolkit/chakra/heading';
import { FormFieldAddress } from 'toolkit/components/forms/fields/FormFieldAddress';
import ContractVerificationFormRow from '../ContractVerificationFormRow';
interface Props {
readOnly?: boolean;
}
const ContractVerificationFieldAddress = ({ readOnly }: Props) => {
return (
<>
<ContractVerificationFormRow>
<Heading level="2">
Contract address to verify
</Heading>
</ContractVerificationFormRow>
<ContractVerificationFormRow>
<FormFieldAddress<FormFields>
name="address"
required
placeholder="Smart contract / Address (0x...)"
readOnly={ readOnly }
/>
</ContractVerificationFormRow>
</>
);
};
export default React.memo(ContractVerificationFieldAddress);