[airflow] branch main updated: Fix rendering of dagRunTimeout (#32565)

[bbovenzi]

This is an automated email from the ASF dual-hosted git repository.

bbovenzi pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git


The following commit(s) were added to refs/heads/main by this push:
     new f1fc6dc4b9 Fix rendering of dagRunTimeout (#32565)
f1fc6dc4b9 is described below

commit f1fc6dc4b9bd496ddd25898eea63d83f12cb6ad0
Author: Sanjay M <sanjurm...@gmail.com>
AuthorDate: Fri Jul 14 00:50:36 2023 +0100

    Fix rendering of dagRunTimeout (#32565)
    
    * #32442 fixed rendering of dagruntimeout
    
    * #32442 renamed ViewScheduleInterval to ViewTimeDelta
---
 .../{ViewScheduleInterval.tsx => ViewTimeDelta.tsx}    |  4 ++--
 airflow/www/static/js/dag/details/Dag.tsx              | 18 ++++++++++++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/airflow/www/static/js/components/ViewScheduleInterval.tsx 
b/airflow/www/static/js/components/ViewTimeDelta.tsx
similarity index 94%
rename from airflow/www/static/js/components/ViewScheduleInterval.tsx
rename to airflow/www/static/js/components/ViewTimeDelta.tsx
index 68bc5cf1f5..2a0bb868c5 100644
--- a/airflow/www/static/js/components/ViewScheduleInterval.tsx
+++ b/airflow/www/static/js/components/ViewTimeDelta.tsx
@@ -24,7 +24,7 @@ interface Props {
   data: Record<string, number | null>;
 }
 
-const ViewScheduleInterval = ({ data }: Props) => {
+const ViewTimeDelta = ({ data }: Props) => {
   const genericTimeDeltaUnits = [
     "days",
     "day",
@@ -58,4 +58,4 @@ const ViewScheduleInterval = ({ data }: Props) => {
   );
 };
 
-export default ViewScheduleInterval;
+export default ViewTimeDelta;
diff --git a/airflow/www/static/js/dag/details/Dag.tsx 
b/airflow/www/static/js/dag/details/Dag.tsx
index 836c8960b3..1dc6326f59 100644
--- a/airflow/www/static/js/dag/details/Dag.tsx
+++ b/airflow/www/static/js/dag/details/Dag.tsx
@@ -45,7 +45,7 @@ import {
 } from "src/utils";
 import { useGridData, useDagDetails } from "src/api";
 import Time from "src/components/Time";
-import ViewScheduleInterval from "src/components/ViewScheduleInterval";
+import ViewTimeDelta from "src/components/ViewTimeDelta";
 import type { TaskState } from "src/types";
 
 import type { DAG, DAGDetail } from "src/types/api-generated";
@@ -74,6 +74,7 @@ const Dag = () => {
     "tags",
     "owners",
     "params",
+    "dagRunTimeout",
   ];
 
   const listParams = new URLSearchParamsWrapper({
@@ -282,7 +283,7 @@ const Dag = () => {
                     <Text>{dagDetailsData.scheduleInterval?.value}</Text>
                   ) : (
                     // for TimeDelta and RelativeDelta
-                    <ViewScheduleInterval
+                    <ViewTimeDelta
                       data={omit(dagDetailsData.scheduleInterval, [
                         "type",
                         "value",
@@ -291,6 +292,19 @@ const Dag = () => {
                   )}
                 </Td>
               </Tr>
+              <Tr>
+                <Td>Dag run timeout</Td>
+                <Td>
+                  {dagDetailsData.dagRunTimeout?.type === undefined ? (
+                    <Text>null</Text>
+                  ) : (
+                    // for TimeDelta and RelativeDelta
+                    <ViewTimeDelta
+                      data={omit(dagDetailsData.dagRunTimeout, ["type"])}
+                    />
+                  )}
+                </Td>
+              </Tr>
               <Tr>
                 <Td>Params</Td>
                 <Td>