diff --git a/scm-ui-components/packages/ui-components/src/forms/AddEntryToTableField.js b/scm-ui-components/packages/ui-components/src/forms/AddEntryToTableField.js index 1770e07807..b783f6efae 100644 --- a/scm-ui-components/packages/ui-components/src/forms/AddEntryToTableField.js +++ b/scm-ui-components/packages/ui-components/src/forms/AddEntryToTableField.js @@ -3,13 +3,15 @@ import React from "react"; import { AddButton } from "../buttons"; import InputField from "./InputField"; +import { translate } from "react-i18next"; type Props = { addEntry: string => void, disabled: boolean, buttonLabel: string, fieldLabel: string, - errorMessage: string + errorMessage: string, + t: string => string, }; type State = { @@ -25,7 +27,7 @@ class AddEntryToTableField extends React.Component { } render() { - const { disabled, buttonLabel, fieldLabel, errorMessage } = this.props; + const { disabled, buttonLabel, fieldLabel, errorMessage, t } = this.props; return (
{ value={this.state.entryToAdd} onReturnPressed={this.appendEntry} disabled={disabled} + helpText={t("group-form.help.membersHelpText")} /> { }; } -export default AddEntryToTableField; +export default translate("groups")(AddEntryToTableField); diff --git a/scm-ui-components/packages/ui-components/src/forms/Textarea.js b/scm-ui-components/packages/ui-components/src/forms/Textarea.js index 721bbae77f..c0b5c1bc60 100644 --- a/scm-ui-components/packages/ui-components/src/forms/Textarea.js +++ b/scm-ui-components/packages/ui-components/src/forms/Textarea.js @@ -1,5 +1,6 @@ //@flow import React from "react"; +import {Help} from "../index"; export type SelectItem = { value: string, @@ -10,7 +11,8 @@ type Props = { label?: string, placeholder?: SelectItem[], value?: string, - onChange: string => void + onChange: string => void, + helpText?: string }; class Textarea extends React.Component { @@ -28,13 +30,26 @@ class Textarea extends React.Component { return ""; }; + renderHelp = () => { + const helpText = this.props.helpText; + if(helpText){ + return ( +
+ +
); + } + else + return null; + }; + render() { const { placeholder, value } = this.props; return (
{this.renderLabel()} -
+
+