prevent page reload on form submission

Signed-off-by: Huong Nguyen <huongg1409@gmail>
kedro-org · Oct 29, 2024 · 0abbf59 · 0abbf59
1 parent 8ef75b8
commit 0abbf59
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/node-list/index.js b/src/components/node-list/index.js
@@ -105,7 +105,7 @@ const NodeListProvider = ({
 
   const groups = getGroups({ items });
 
-  const onItemClick = (item) => {
+  const onItemClick = (event, item) => {
     if (isGroupType(item.type)) {
       onGroupItemChange(item, item.checked);
     } else if (isModularPipelineType(item.type)) {
@@ -123,6 +123,9 @@ const NodeListProvider = ({
         }
       }
     }
+
+    // to prevent page reload on form submission
+    event.preventDefault();
   };
 
   // To get existing values from URL query parameters

diff --git a/src/components/node-list/node-list-tree-item.js b/src/components/node-list/node-list-tree-item.js
@@ -49,7 +49,7 @@ const NodeListTreeItem = ({
         onChange={(e) =>
           onItemChange(data, !e.target.checked, e.target.dataset.iconType)
         }
-        onClick={() => onItemClick(data)}
+        onClick={(e) => onItemClick(e, data)}
         onMouseEnter={() => onItemMouseEnter(data)}
         onMouseLeave={() => onItemMouseLeave(data)}
         onToggleHoveredFocusMode={onToggleHoveredFocusMode}