diff options
| author | Haishan <[email protected]> | 2020-10-31 18:18:04 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2020-11-01 17:42:52 +0800 |
| commit | ff1a39d04e53b428e34d46c55ecd6689189b5443 (patch) | |
| tree | 94a60abe3d28a1d729b877356bdd38d75ce655a5 /src/components/Field.js | |
| parent | e62c9165481ef12ee2310dee1c32f890b3fe4b78 (diff) | |
chore: run ts-migrate
Diffstat (limited to 'src/components/Field.js')
| -rw-r--r-- | src/components/Field.js | 30 |
1 files changed, 0 insertions, 30 deletions
diff --git a/src/components/Field.js b/src/components/Field.js deleted file mode 100644 index 81bd372..0000000 --- a/src/components/Field.js +++ /dev/null @@ -1,30 +0,0 @@ -import cx from 'clsx'; -import PropTypes from 'prop-types'; -import React from 'react'; - -import s from './Field.module.css'; - -const { useCallback } = React; - -export default function Field({ id, label, value, onChange, ...props }) { - const valueOnChange = useCallback((e) => onChange(e), [onChange]); - const labelClassName = cx({ - [s.floatAbove]: typeof value === 'string' && value !== '', - }); - return ( - <div className={s.root}> - <input id={id} value={value} onChange={valueOnChange} {...props} /> - <label htmlFor={id} className={labelClassName}> - {label} - </label> - </div> - ); -} - -Field.propTypes = { - value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - type: PropTypes.oneOf(['text', 'number']), - onChange: PropTypes.func, - id: PropTypes.string, - label: PropTypes.string, -}; |
