diff --git a/awx/ui_next/src/components/Lookup/InstanceGroupsLookup.jsx b/awx/ui_next/src/components/Lookup/InstanceGroupsLookup.jsx index 1c551e14d7..20c2e0cf20 100644 --- a/awx/ui_next/src/components/Lookup/InstanceGroupsLookup.jsx +++ b/awx/ui_next/src/components/Lookup/InstanceGroupsLookup.jsx @@ -1,5 +1,5 @@ import React, { useState, useEffect } from 'react'; -import { arrayOf, string, func, object } from 'prop-types'; +import { arrayOf, string, func, object, bool } from 'prop-types'; import { withRouter } from 'react-router-dom'; import { withI18n } from '@lingui/react'; import { t } from '@lingui/macro'; @@ -18,7 +18,15 @@ const QS_CONFIG = getQSConfig('instance_groups', { }); function InstanceGroupsLookup(props) { - const { value, onChange, tooltip, className, history, i18n } = props; + const { + value, + onChange, + tooltip, + className, + required, + history, + i18n, + } = props; const [instanceGroups, setInstanceGroups] = useState([]); const [count, setCount] = useState(0); const [error, setError] = useState(null); @@ -50,6 +58,7 @@ function InstanceGroupsLookup(props) { onChange={onChange} qsConfig={QS_CONFIG} multiple + required={required} renderOptionsList={({ state, dispatch, canDelete }) => ( ( ', () => { wrapper = mountWithContexts( ', () => { document.body.innerHTML = ''; wrapper = mountWithContexts( ', () => { <_Lookup multiple name="foo" - lookupHeader="Foo Bar" + header="Foo Bar" onLookupSave={() => {}} value={mockData} columns={mockColumns} @@ -369,7 +369,7 @@ describe('', () => { <_Lookup multiple name="foo" - lookupHeader="Foo Bar" + header="Foo Bar" onLookupSave={() => {}} value={mockData} columns={mockColumns} diff --git a/awx/ui_next/src/components/Lookup/MultiCredentialsLookup.jsx b/awx/ui_next/src/components/Lookup/MultiCredentialsLookup.jsx index db00354305..02764f3de3 100644 --- a/awx/ui_next/src/components/Lookup/MultiCredentialsLookup.jsx +++ b/awx/ui_next/src/components/Lookup/MultiCredentialsLookup.jsx @@ -86,7 +86,7 @@ function MultiCredentialsLookup(props) { {tooltip && } } (