diff --git a/awx/ui_next/src/components/Lookup/HostFilterLookup.jsx b/awx/ui_next/src/components/Lookup/HostFilterLookup.jsx index d1b15a8a06..78a5f3fd6d 100644 --- a/awx/ui_next/src/components/Lookup/HostFilterLookup.jsx +++ b/awx/ui_next/src/components/Lookup/HostFilterLookup.jsx @@ -12,6 +12,7 @@ import { FormGroup, InputGroup, Modal, + Tooltip, } from '@patternfly/react-core'; import ChipGroup from '../ChipGroup'; import Popover from '../Popover'; @@ -243,6 +244,36 @@ function HostFilterLookup({ }); }; + const renderLookup = () => ( + + + + {searchColumns.map(({ name, key }) => ( + + {chips[key]?.chips?.map(chip => ( + + {chip.node} + + ))} + + ))} + + + ); + return ( } > - - - - {searchColumns.map(({ name, key }) => ( - - {chips[key]?.chips?.map(chip => ( - - {chip.node} - - ))} - - ))} - - + {renderLookup()} + + ) : ( + renderLookup() + )}