imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add validation feedback helper

Browse source 
This adds a general validation feedback mechanism for checking input values. An
initial example is wired up for the username input on registration.
This commit is contained in:
J. Ryan Stinnett 2019-04-16 16:52:31 +01:00
parent 37ecf2a623
commit 338d83ab55
6 changed files with 176 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/views/elements/Field.js
View file

@ -94,11 +94,11 @@ export default class Field extends React.PureComponent {
mx_Field_invalid: onValidate && this.state.valid === false,
});
// handle displaying feedback on validity
// Handle displaying feedback on validity
const Tooltip = sdk.getComponent("elements.Tooltip");
let feedback;
let tooltip;
if (this.state.feedback) {
feedback = <Tooltip
tooltip = <Tooltip
tooltipClassName="mx_Field_tooltip"
label={this.state.feedback}
/>;
@ -108,7 +108,7 @@ export default class Field extends React.PureComponent {
{prefixContainer}
{fieldInput}
<label htmlFor={this.props.id}>{this.props.label}</label>
{feedback}
{tooltip}
</div>;
}
}