Handle undefined data interval in grid runs (#23265)

apache · Apr 26, 2022 · 1d875a4 · 1d875a4
1 parent 9e2531f
commit 1d875a4
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 15 deletions.
diff --git a/airflow/www/static/js/tree/dagRuns/Tooltip.jsx b/airflow/www/static/js/tree/dagRuns/Tooltip.jsx
@@ -25,7 +25,7 @@ import Time from '../Time';
 
 const DagRunTooltip = ({
   dagRun: {
-    state, duration, dataIntervalEnd,
+    state, duration, dataIntervalStart, executionDate,
   },
 }) => (
   <Box py="2px">
@@ -37,7 +37,7 @@ const DagRunTooltip = ({
     <Text whiteSpace="nowrap">
       Run:
       {' '}
-      <Time dateTime={dataIntervalEnd} />
+      <Time dateTime={dataIntervalStart || executionDate} />
     </Text>
     <Text>
       Duration:

diff --git a/airflow/www/static/js/tree/details/content/dagRun/index.jsx b/airflow/www/static/js/tree/details/content/dagRun/index.jsx
@@ -126,19 +126,22 @@ const DagRun = ({ runId }) => {
         <Time dateTime={endDate} />
       </Text>
       )}
-      <br />
-      <Text as="strong">Data Interval:</Text>
-      <Text>
-        Start:
-        {' '}
-        <Time dateTime={dataIntervalStart} />
-      </Text>
-      <Text>
-        End:
-        {' '}
-        <Time dateTime={dataIntervalEnd} />
-      </Text>
-
+      {dataIntervalStart && dataIntervalEnd && (
+        <>
+          <br />
+          <Text as="strong">Data Interval:</Text>
+          <Text>
+            Start:
+            {' '}
+            <Time dateTime={dataIntervalStart} />
+          </Text>
+          <Text>
+            End:
+            {' '}
+            <Time dateTime={dataIntervalEnd} />
+          </Text>
+        </>
+      )}
     </Box>
   );
 };