diff options
Diffstat (limited to 'frontend/src/components/fields/TextField.js')
-rw-r--r-- | frontend/src/components/fields/TextField.js | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/frontend/src/components/fields/TextField.js b/frontend/src/components/fields/TextField.js index 86b98ed..de68c21 100644 --- a/frontend/src/components/fields/TextField.js +++ b/frontend/src/components/fields/TextField.js @@ -1,5 +1,6 @@ import React, {Component} from 'react'; import './TextField.scss'; +import './common.scss'; import {randomClassName} from "../../utils"; const classNames = require('classnames'); @@ -28,11 +29,11 @@ class TextField extends Component { }; return ( - <div className={classNames("text-field", {"field-active": this.props.active}, + <div className={classNames("field", "text-field", {"field-active": this.props.active}, {"field-invalid": this.props.invalid}, {"field-small": this.props.small})}> {name && <label htmlFor={this.id}>{name}:</label>} <textarea id={this.id} placeholder={this.props.defaultValue} onChange={handler} rows={rows} - readOnly={this.props.readonly} value={this.props.value} /> + readOnly={this.props.readonly} value={this.props.value} ref={this.props.textRef} /> {error && <div className="field-error">error: {error}</div>} </div> ); |