diff --git a/src/pages/Organizations/components/InstanceGroupsLookup.jsx b/src/pages/Organizations/components/InstanceGroupsLookup.jsx index 3edcd13cd1..905073abc3 100644 --- a/src/pages/Organizations/components/InstanceGroupsLookup.jsx +++ b/src/pages/Organizations/components/InstanceGroupsLookup.jsx @@ -27,7 +27,7 @@ class InstanceGroupsLookup extends React.Component { } render () { - const { value, onChange } = this.props; + const { value, tooltip, onChange } = this.props; return ( @@ -37,12 +37,16 @@ class InstanceGroupsLookup extends React.Component { {i18n._(t`Instance Groups`)} {' '} - - - + { + tooltip && ( + + + + ) + } )} fieldId="add-org-form-instance-groups" @@ -68,7 +72,12 @@ InstanceGroupsLookup.propTypes = { getInstanceGroups: PropTypes.func, }).isRequired, value: PropTypes.arrayOf(PropTypes.object).isRequired, + tooltip: PropTypes.string, onChange: PropTypes.func.isRequired, }; +InstanceGroupsLookup.defaultProps = { + tooltip: '', +}; + export default InstanceGroupsLookup; diff --git a/src/pages/Organizations/components/OrganizationForm.jsx b/src/pages/Organizations/components/OrganizationForm.jsx index eb3bfe005c..0355188bf0 100644 --- a/src/pages/Organizations/components/OrganizationForm.jsx +++ b/src/pages/Organizations/components/OrganizationForm.jsx @@ -139,6 +139,7 @@ class OrganizationForm extends Component { api={api} value={instanceGroups} onChange={this.handleInstanceGroupsChange} + tooltip={i18n._(t`Select the Instance Groups for this Organization to run on.`)} />