Filter out instances with node_type equal to 'control'.

awx/ui/src/screens/InstanceGroup/Instances/InstanceList.js

@@ -90,9 +90,14 @@ function InstanceList() {
     useCallback(
       () =>
         Promise.all(
-          selected.map((instance) =>
-            InstanceGroupsAPI.disassociateInstance(instanceGroupId, instance.id)
-          )
+          selected
+            .filter((s) => s.node_type !== 'control')
+            .map((instance) =>
+              InstanceGroupsAPI.disassociateInstance(
+                instanceGroupId,
+                instance.id
+              )
+            )
         ),
       [instanceGroupId, selected]
     ),
@@ -107,9 +112,11 @@ function InstanceList() {
     useCallback(
       async (instancesToAssociate) => {
         await Promise.all(
-          instancesToAssociate.map((instance) =>
-            InstanceGroupsAPI.associateInstance(instanceGroupId, instance.id)
-          )
+          instancesToAssociate
+            .filter((i) => i.node_type !== 'control')
+            .map((instance) =>
+              InstanceGroupsAPI.associateInstance(instanceGroupId, instance.id)
+            )
         );
         fetchInstances();
       },
@@ -187,7 +194,9 @@ function InstanceList() {
                 verifyCannotDisassociate={false}
                 key="disassociate"
                 onDisassociate={handleDisassociate}
-                itemsToDisassociate={selected}
+                itemsToDisassociate={selected.filter(
+                  (s) => s.node_type !== 'control'
+                )}
                 modalTitle={t`Disassociate instance from instance group?`}
               />,
             ]}

awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js

@@ -106,7 +106,7 @@ function InstanceListItem({
         <Td
           select={{
             rowIndex,
-            isSelected,
+            isSelected: isSelected && instance.node_type !== 'control',
             onSelect,
             disable: instance.node_type === 'control',
           }}