31 lines
856 B
TypeScript
31 lines
856 B
TypeScript
import React from 'react';
|
|
import { AddressFieldFactory } from './AddressFieldFactory';
|
|
import { donationAddressMap } from 'config/data';
|
|
import { Aux } from 'components/ui';
|
|
|
|
interface Props {
|
|
isReadOnly?: boolean;
|
|
}
|
|
|
|
export const AddressField: React.SFC<Props> = ({ isReadOnly }) => (
|
|
<AddressFieldFactory
|
|
withProps={({ currentTo, isValid, onChange, readOnly, errorMsg }) => (
|
|
<Aux>
|
|
<input
|
|
className={`form-control ${isValid ? 'is-valid' : 'is-invalid'}`}
|
|
type="text"
|
|
value={currentTo.raw}
|
|
placeholder={donationAddressMap.ETH}
|
|
readOnly={!!(isReadOnly || readOnly)}
|
|
onChange={onChange}
|
|
/>
|
|
{errorMsg && (
|
|
<div className="has-error">
|
|
<span className="help-block">{errorMsg}</span>
|
|
</div>
|
|
)}
|
|
</Aux>
|
|
)}
|
|
/>
|
|
);
|