Adds tooltip around host filter lookup when an organization is not selected

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 = () => (
+    <InputGroup onBlur={onBlur}>
+      <Button
+        aria-label={i18n._(t`Search`)}
+        id="host-filter"
+        isDisabled={isDisabled}
+        onClick={handleOpenModal}
+        variant={ButtonVariant.control}
+      >
+        <SearchIcon />
+      </Button>
+      <ChipHolder className="pf-c-form-control">
+        {searchColumns.map(({ name, key }) => (
+          <ChipGroup
+            categoryName={name}
+            key={name}
+            numChips={5}
+            totalChips={chips[key]?.chips?.length || 0}
+          >
+            {chips[key]?.chips?.map(chip => (
+              <Chip key={chip.key} isReadOnly>
+                {chip.node}
+              </Chip>
+            ))}
+          </ChipGroup>
+        ))}
+      </ChipHolder>
+    </InputGroup>
+  );
+
   return (
     <FormGroup
       fieldId="host-filter"
@@ -261,33 +292,17 @@ function HostFilterLookup({
         />
       }
     >
-      <InputGroup onBlur={onBlur}>
+      {isDisabled ? (
-        <Button
+        <Tooltip
-          aria-label={i18n._(t`Search`)}
+          content={i18n._(
-          id="host-filter"
+            t`Please select an organization before editing the host filter`
-          isDisabled={isDisabled}
+          )}
-          onClick={handleOpenModal}
-          variant={ButtonVariant.control}
         >
-          <SearchIcon />
+          {renderLookup()}
-        </Button>
+        </Tooltip>
-        <ChipHolder className="pf-c-form-control">
+      ) : (
-          {searchColumns.map(({ name, key }) => (
+        renderLookup()
-            <ChipGroup
+      )}
-              categoryName={name}
-              key={name}
-              numChips={5}
-              totalChips={chips[key]?.chips?.length || 0}
-            >
-              {chips[key]?.chips?.map(chip => (
-                <Chip key={chip.key} isReadOnly>
-                  {chip.node}
-                </Chip>
-              ))}
-            </ChipGroup>
-          ))}
-        </ChipHolder>
-      </InputGroup>
       <Modal
         aria-label={i18n._(t`Lookup modal`)}
         isOpen={isModalOpen}