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
33 lines
873 B
TypeScript
33 lines
873 B
TypeScript
import React from 'react';
|
|
|
|
import type { FormFields } from '../types';
|
|
|
|
import { FormFieldEmail } from 'toolkit/components/forms/fields/FormFieldEmail';
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
|
|
interface Props {
|
|
isReadOnly?: boolean;
|
|
defaultValue: string | undefined;
|
|
}
|
|
|
|
const MyProfileFieldsEmail = ({ isReadOnly, defaultValue }: Props) => {
|
|
|
|
return (
|
|
<FormFieldEmail<FormFields>
|
|
name="email"
|
|
placeholder="Email"
|
|
required
|
|
readOnly={ isReadOnly }
|
|
helperText="Email for watch list notifications and private tags"
|
|
group={{
|
|
endElement: ({ field }) => {
|
|
const isVerified = defaultValue && field.value === defaultValue;
|
|
return isVerified ? <IconSvg name="certified" boxSize={ 5 } color="green.500" mx={ 5 }/> : null;
|
|
},
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default React.memo(MyProfileFieldsEmail);
|