mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f6725649da
* 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
34 lines
874 B
TypeScript
34 lines
874 B
TypeScript
import React from 'react';
|
|
import type { FieldValues } from 'react-hook-form';
|
|
|
|
import type { FormFieldPropsBase } from './types';
|
|
import type { PartialBy } from 'types/utils';
|
|
|
|
import { addressValidator } from '../validators/address';
|
|
import { FormFieldText } from './FormFieldText';
|
|
|
|
const FormFieldAddressContent = <FormFields extends FieldValues>(
|
|
props: PartialBy<FormFieldPropsBase<FormFields>, 'placeholder'>,
|
|
) => {
|
|
const rules = React.useMemo(
|
|
() => ({
|
|
...props.rules,
|
|
validate: {
|
|
...props.rules?.validate,
|
|
address: addressValidator,
|
|
},
|
|
}),
|
|
[ props.rules ],
|
|
);
|
|
|
|
return (
|
|
<FormFieldText
|
|
{ ...props }
|
|
placeholder={ props.placeholder || 'Address (0x...)' }
|
|
rules={ rules }
|
|
/>
|
|
);
|
|
};
|
|
|
|
export const FormFieldAddress = React.memo(FormFieldAddressContent) as typeof FormFieldAddressContent;
|