diff options
Folder restructure (#6304)
* Remove ui/app/keychains/
* Remove ui/app/img/ (unused images)
* Move conversion-util to helpers/utils/
* Move token-util to helpers/utils/
* Move /helpers/*.js inside /helpers/utils/
* Move util tests inside /helpers/utils/
* Renameand move confirm-transaction/util.js to helpers/utils/
* Move higher-order-components to helpers/higher-order-components/
* Move infura-conversion.json to helpers/constants/
* Move all utility functions to helpers/utils/
* Move pages directory to top-level
* Move all constants to helpers/constants/
* Move metametrics inside helpers/
* Move app and root inside pages/
* Move routes inside helpers/
* Re-organize ducks/
* Move reducers to ducks/
* Move selectors inside selectors/
* Move test out of test folder
* Move action, reducer, store inside store/
* Move ui components inside ui/
* Move UI components inside ui/
* Move connected components inside components/app/
* Move i18n-helper inside helpers/
* Fix unit tests
* Fix unit test
* Move pages components
* Rename routes component
* Move reducers to ducks/index
* Fix bad path in unit test
Diffstat (limited to 'ui/app/components/text-field/text-field.component.js')
-rw-r--r-- | ui/app/components/text-field/text-field.component.js | 109 |
1 files changed, 0 insertions, 109 deletions
diff --git a/ui/app/components/text-field/text-field.component.js b/ui/app/components/text-field/text-field.component.js deleted file mode 100644 index 2c72d8124..000000000 --- a/ui/app/components/text-field/text-field.component.js +++ /dev/null @@ -1,109 +0,0 @@ -import React from 'react' -import PropTypes from 'prop-types' -import { withStyles } from '@material-ui/core/styles' -import { default as MaterialTextField } from '@material-ui/core/TextField' - -const inputLabelBase = { - transform: 'none', - transition: 'none', - position: 'initial', - color: '#5b5b5b', -} - -const styles = { - materialLabel: { - '&$materialFocused': { - color: '#aeaeae', - }, - '&$materialError': { - color: '#aeaeae', - }, - fontWeight: '400', - color: '#aeaeae', - }, - materialFocused: {}, - materialUnderline: { - '&:after': { - borderBottom: '2px solid #f7861c', - }, - }, - materialError: {}, - // Non-material styles - formLabel: { - '&$formLabelFocused': { - color: '#5b5b5b', - }, - '&$materialError': { - color: '#5b5b5b', - }, - }, - formLabelFocused: {}, - inputFocused: {}, - inputRoot: { - 'label + &': { - marginTop: '8px', - }, - border: '1px solid #d2d8dd', - height: '48px', - borderRadius: '4px', - padding: '0 16px', - display: 'flex', - alignItems: 'center', - '&$inputFocused': { - border: '1px solid #2f9ae0', - }, - }, - largeInputLabel: { - ...inputLabelBase, - fontSize: '1rem', - }, - inputLabel: { - ...inputLabelBase, - fontSize: '.75rem', - }, -} - -const TextField = props => { - const { error, classes, material, startAdornment, largeLabel, ...textFieldProps } = props - - return ( - <MaterialTextField - error={Boolean(error)} - helperText={error} - InputLabelProps={{ - shrink: material ? undefined : true, - className: material ? '' : (largeLabel ? classes.largeInputLabel : classes.inputLabel), - FormLabelClasses: { - root: material ? classes.materialLabel : classes.formLabel, - focused: material ? classes.materialFocused : classes.formLabelFocused, - error: classes.materialError, - }, - }} - InputProps={{ - startAdornment: startAdornment || undefined, - disableUnderline: !material, - classes: { - root: material ? '' : classes.inputRoot, - input: material ? '' : classes.input, - underline: material ? classes.materialUnderline : '', - focused: material ? '' : classes.inputFocused, - }, - }} - {...textFieldProps} - /> - ) -} - -TextField.defaultProps = { - error: null, -} - -TextField.propTypes = { - error: PropTypes.string, - classes: PropTypes.object, - material: PropTypes.bool, - startAdornment: PropTypes.element, - largeLabel: PropTypes.bool, -} - -export default withStyles(styles)(TextField) |