AIP-38 Fix dialog note state (apache#47071)

Author: pierrejeambrun

airflow/ui/src/components/Clear/Run/ClearRunButton.tsx

@@ -42,7 +42,7 @@ const ClearRunButton = ({ dagRun, withText = true }: Props) => {
         withText={withText}
       />
 
-      <ClearRunDialog dagRun={dagRun} onClose={onClose} open={open} />
+      {open ? <ClearRunDialog dagRun={dagRun} onClose={onClose} open={open} /> : undefined}
     </Box>
   );
 };

airflow/ui/src/components/Clear/TaskInstance/ClearTaskInstanceButton.tsx

@@ -42,7 +42,9 @@ const ClearTaskInstanceButton = ({ taskInstance, withText = true }: Props) => {
         withText={withText}
       />
 
-      <ClearTaskInstanceDialog onClose={onClose} open={open} taskInstance={taskInstance} />
+      {open ? (
+        <ClearTaskInstanceDialog onClose={onClose} open={open} taskInstance={taskInstance} />
+      ) : undefined}
     </Box>
   );
 };

airflow/ui/src/components/MarkAs/Run/MarkRunAsButton.tsx

@@ -71,7 +71,7 @@ const MarkRunAsButton = ({ dagRun, withText = true }: Props) => {
         </Menu.Content>
       </Menu.Root>
 
-      <MarkRunAsDialog dagRun={dagRun} onClose={onClose} open={open} state={state} />
+      {open ? <MarkRunAsDialog dagRun={dagRun} onClose={onClose} open={open} state={state} /> : undefined}
     </Box>
   );
 };

airflow/ui/src/components/MarkAs/TaskInstance/MarkTaskInstanceAsButton.tsx

@@ -72,7 +72,9 @@ const MarkTaskInstanceAsButton = ({ taskInstance, withText = true }: Props) => {
         </Menu.Content>
       </Menu.Root>
 
-      <MarkTaskInstanceAsDialog onClose={onClose} open={open} state={state} taskInstance={taskInstance} />
+      {open ? (
+        <MarkTaskInstanceAsDialog onClose={onClose} open={open} state={state} taskInstance={taskInstance} />
+      ) : undefined}
     </Box>
   );
 };