Adds click event to table row to handle selecting/unselecting checkbox/radio

2026-03-10 14:09:28 -02:30 · 2021-05-27 12:23:03 -04:00
parent 4b4e57889e
commit ad5cc3a393
1 changed files with 13 additions and 1 deletions
--- a/awx/ui_next/src/components/CheckboxListItem/CheckboxListItem.jsx
+++ b/awx/ui_next/src/components/CheckboxListItem/CheckboxListItem.jsx
@@ -15,8 +15,20 @@ const CheckboxListItem = ({
  columns,
  item,
 }) => {
+  const handleRowClick = () => {
+    if (isSelected && !isRadio) {
+      onDeselect(itemId);
+    } else {
+      onSelect(itemId);
+    }
+  };
+
  return (
-    <Tr ouiaId={`list-item-${itemId}`} id={`list-item-${itemId}`}>
+    <Tr
+      ouiaId={`list-item-${itemId}`}
+      id={`list-item-${itemId}`}
+      onClick={handleRowClick}
+    >
      <Td
        id={`check-action-item-${itemId}`}
        select={{