Rename useSelected hook and update error modal condition

awx/ui_next/src/screens/Inventory/InventoryGroupHosts/AssociateModal.jsx

@@ -6,7 +6,7 @@ import { Button, Modal } from '@patternfly/react-core';
 import OptionsList from '@components/Lookup/shared/OptionsList';
 import useRequest from '@util/useRequest';
 import { getQSConfig, parseQueryString } from '@util/qs';
-import useSelect from '@util/useSelect';
+import useSelected from '@util/useSelected';
 
 const QS_CONFIG = getQSConfig('associate', {
   page: 1,
@@ -24,7 +24,7 @@ function AssociateModal({
   isModalOpen = false,
 }) {
   const history = useHistory();
-  const { selected, handleSelect } = useSelect([]);
+  const { selected, handleSelect } = useSelected([]);
 
   const {
     request: fetchItems,
@@ -101,7 +101,7 @@ function AssociateModal({
       >
         <OptionsList
           contentError={contentError}
-          deselectItem={item => handleSelect(item)}
+          deselectItem={handleSelect}
           header={header}
           isLoading={isLoading}
           multiple
@@ -109,7 +109,7 @@ function AssociateModal({
           options={items}
           qsConfig={QS_CONFIG}
           readOnly={false}
-          selectItem={item => handleSelect(item)}
+          selectItem={handleSelect}
           value={selected}
           searchColumns={[
             {

awx/ui_next/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostList.jsx

@@ -9,7 +9,7 @@ import useRequest, {
   useDeleteItems,
   useDismissableError,
 } from '@util/useRequest';
-import useSelect from '@util/useSelect';
+import useSelected from '@util/useSelected';
 import AlertModal from '@components/AlertModal';
 import DataListToolbar from '@components/DataListToolbar';
 import ErrorDetail from '@components/ErrorDetail';
@@ -56,7 +56,7 @@ function InventoryGroupHostList({ i18n }) {
     }
   );
 
-  const { selected, isAllSelected, handleSelect, setSelected } = useSelect(
+  const { selected, isAllSelected, handleSelect, setSelected } = useSelected(
     hosts
   );
 
@@ -211,7 +211,7 @@ function InventoryGroupHostList({ i18n }) {
           title={i18n._(t`Select Hosts`)}
         />
       )}
-      {(associateError || disassociateError) && (
+      {error && (
         <AlertModal
           isOpen={error}
           onClose={dismissError}

awx/ui_next/src/util/useSelected.jsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 
 /**
- * useSelect hook provides a way to read and update a selected list
+ * useSelected hook provides a way to read and update a selected list
  * Param: array of list items
  * Returns: {
  *  selected: array of selected list items
@@ -11,7 +11,7 @@ import { useState } from 'react';
  * }
  */
 
-export default function useSelect(list = []) {
+export default function useSelected(list = []) {
   const [selected, setSelected] = useState([]);
   const isAllSelected = selected.length > 0 && selected.length === list.length;
 

awx/ui_next/src/util/useSelected.test.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { mount } from 'enzyme';
-import useSelect from './useSelect';
+import useSelected from './useSelected';
 
 const array = [{ id: '1' }, { id: '2' }, { id: '3' }];
 
@@ -14,7 +14,7 @@ const testHook = callback => {
   mount(<TestHook callback={callback} />);
 };
 
-describe('useSelect hook', () => {
+describe('useSelected hook', () => {
   let selected;
   let isAllSelected;
   let handleSelect;
@@ -22,7 +22,7 @@ describe('useSelect hook', () => {
 
   test('should return expected initial values', () => {
     testHook(() => {
-      ({ selected, isAllSelected, handleSelect, setSelected } = useSelect());
+      ({ selected, isAllSelected, handleSelect, setSelected } = useSelected());
     });
     expect(selected).toEqual([]);
     expect(isAllSelected).toEqual(false);
@@ -32,7 +32,7 @@ describe('useSelect hook', () => {
 
   test('handleSelect should update and filter selected items', () => {
     testHook(() => {
-      ({ selected, isAllSelected, handleSelect, setSelected } = useSelect());
+      ({ selected, isAllSelected, handleSelect, setSelected } = useSelected());
     });
 
     act(() => {
@@ -48,7 +48,7 @@ describe('useSelect hook', () => {
 
   test('should return expected isAllSelected value', () => {
     testHook(() => {
-      ({ selected, isAllSelected, handleSelect, setSelected } = useSelect(
+      ({ selected, isAllSelected, handleSelect, setSelected } = useSelected(
         array
       ));
     });