feat: task rerurn done

Signed-off-by: Eugene Jahn <[email protected]>

packages/zapp/console/src/components/Executions/ExecutionDetails/NodeExecutionDetailsPanelContent.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { IconButton, Typography, Tab, Tabs, Button } from '@material-ui/core';
+import { IconButton, Typography, Tab, Tabs } from '@material-ui/core';
 import { makeStyles, Theme } from '@material-ui/core/styles';
 import Close from '@material-ui/icons/Close';
 import ArrowBackIos from '@material-ui/icons/ArrowBackIos';
@@ -240,6 +240,7 @@ export const NodeExecutionDetailsPanelContent: React.FC<NodeExecutionDetailsProp
   const styles = useStyles();
   const queryClient = useQueryClient();
   const detailsContext = useNodeExecutionContext();
+
   const [isReasonsVisible, setReasonsVisible] = useState<boolean>(false);
   const [dag, setDag] = useState<any>(null);
   const [details, setDetails] = useState<NodeExecutionDetails | undefined>();

packages/zapp/console/src/components/Launch/LaunchForm/LaunchFormDialog.tsx

@@ -19,15 +19,18 @@ export const LaunchFormDialog: React.FC<{
 }> = ({ className, id, showLaunchForm, setShowLaunchForm }) => {
   const onCancelLaunch = () => setShowLaunchForm(false);
 
+  // prevent child onclick event in the dialog triggers parent onclick event
+  const dialogOnClick = (e: React.MouseEvent<HTMLElement>) => {
+    e.stopPropagation();
+  };
+
   return (
     <Dialog
       scroll="paper"
       maxWidth="sm"
       fullWidth={true}
       open={showLaunchForm}
-      onClick={(e) => {
-        e.stopPropagation();
-      }}
+      onClick={dialogOnClick}
     >
       <LaunchForm onClose={onCancelLaunch} {...getLaunchProps(id)} />
     </Dialog>