summaryrefslogtreecommitdiff
path: root/src/components/Field.js
diff options
context:
space:
mode:
authorHaishan <[email protected]>2020-10-31 18:18:04 +0800
committerHaishan <[email protected]>2020-11-01 17:42:52 +0800
commitff1a39d04e53b428e34d46c55ecd6689189b5443 (patch)
tree94a60abe3d28a1d729b877356bdd38d75ce655a5 /src/components/Field.js
parente62c9165481ef12ee2310dee1c32f890b3fe4b78 (diff)
chore: run ts-migrate
Diffstat (limited to 'src/components/Field.js')
-rw-r--r--src/components/Field.js30
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,
-};