diff --git a/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx b/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx index 964b860e59856..1899e1f8564e8 100644 --- a/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx +++ b/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx @@ -16,7 +16,7 @@ * specific language governing permissions and limitations * under the License. */ -import { Box, Flex, GridItem, Heading, HStack, Spinner } from "@chakra-ui/react"; +import { Box, Flex, GridItem, Heading, HStack } from "@chakra-ui/react"; import type { ReactNode } from "react"; import { useTranslation } from "react-i18next"; @@ -27,14 +27,13 @@ import { StateBadge } from "src/components/StateBadge"; type Props = { readonly actions?: ReactNode; readonly icon: ReactNode; - readonly isRefreshing?: boolean; readonly state?: TaskInstanceState | null; readonly stats: Array<{ label: string; value: ReactNode | string }>; readonly subTitle?: ReactNode | string; readonly title: ReactNode | string; }; -export const HeaderCard = ({ actions, icon, isRefreshing, state, stats, subTitle, title }: Props) => { +export const HeaderCard = ({ actions, icon, state, stats, subTitle, title }: Props) => { const { t: translate } = useTranslation(); return ( @@ -47,7 +46,6 @@ export const HeaderCard = ({ actions, icon, isRefreshing, state, stats, subTitle {state === undefined ? undefined : ( {state ? translate(`common:states.${state}`) : undefined} )} - {isRefreshing ? :
} {actions} diff --git a/airflow-core/src/airflow/ui/src/pages/Asset/Header.tsx b/airflow-core/src/airflow/ui/src/pages/Asset/Header.tsx index e6ec78df6fd4f..b2268720e299d 100644 --- a/airflow-core/src/airflow/ui/src/pages/Asset/Header.tsx +++ b/airflow-core/src/airflow/ui/src/pages/Asset/Header.tsx @@ -24,13 +24,7 @@ import { HeaderCard } from "src/components/HeaderCard"; import { DependencyPopover } from "../AssetsList/DependencyPopover"; -export const Header = ({ - asset, - isRefreshing, -}: { - readonly asset?: AssetResponse; - readonly isRefreshing?: boolean; -}) => { +export const Header = ({ asset }: { readonly asset?: AssetResponse }) => { const { t: translate } = useTranslation("assets"); const stats = [ @@ -45,5 +39,5 @@ export const Header = ({ }, ]; - return } isRefreshing={isRefreshing} stats={stats} title={asset?.name} />; + return } stats={stats} title={asset?.name} />; }; diff --git a/airflow-core/src/airflow/ui/src/pages/Dag/Dag.tsx b/airflow-core/src/airflow/ui/src/pages/Dag/Dag.tsx index c7bb74e68355d..3ba287faffd2e 100644 --- a/airflow-core/src/airflow/ui/src/pages/Dag/Dag.tsx +++ b/airflow-core/src/airflow/ui/src/pages/Dag/Dag.tsx @@ -106,13 +106,7 @@ export const Dag = () => { return ( -
+
); diff --git a/airflow-core/src/airflow/ui/src/pages/Dag/Header.tsx b/airflow-core/src/airflow/ui/src/pages/Dag/Header.tsx index 8d55c0f0c397f..84913f45fd7ae 100644 --- a/airflow-core/src/airflow/ui/src/pages/Dag/Header.tsx +++ b/airflow-core/src/airflow/ui/src/pages/Dag/Header.tsx @@ -50,11 +50,9 @@ type LatestRunInfo = { export const Header = ({ dag, - isRefreshing, latestRunInfo, }: { readonly dag?: DAGDetailsResponse; - readonly isRefreshing?: boolean; readonly latestRunInfo?: LatestRunInfo; }) => { const { t: translate } = useTranslation(["common", "dag"]); @@ -156,7 +154,6 @@ export const Header = ({ ) } icon={} - isRefreshing={isRefreshing} stats={stats} subTitle={ dag !== undefined && ( diff --git a/airflow-core/src/airflow/ui/src/pages/GroupTaskInstance/GroupTaskInstance.tsx b/airflow-core/src/airflow/ui/src/pages/GroupTaskInstance/GroupTaskInstance.tsx index feedee26b333f..a4efef7726514 100644 --- a/airflow-core/src/airflow/ui/src/pages/GroupTaskInstance/GroupTaskInstance.tsx +++ b/airflow-core/src/airflow/ui/src/pages/GroupTaskInstance/GroupTaskInstance.tsx @@ -23,7 +23,6 @@ import { useParams } from "react-router-dom"; import { DetailsLayout } from "src/layouts/Details/DetailsLayout"; import { useGridTiSummaries } from "src/queries/useGridTISummaries.ts"; -import { isStatePending, useAutoRefresh } from "src/utils"; import { Header } from "./Header"; @@ -33,19 +32,12 @@ export const GroupTaskInstance = () => { const { data: gridTISummaries } = useGridTiSummaries({ dagId, runId }); const taskInstance = gridTISummaries?.task_instances.find((ti) => ti.task_id === groupId); - const refetchInterval = useAutoRefresh({ dagId }); - const tabs = [{ icon: , label: translate("tabs.taskInstances"), value: "" }]; return ( - {taskInstance === undefined ? undefined : ( -
- )} + {taskInstance === undefined ? undefined :
} ); diff --git a/airflow-core/src/airflow/ui/src/pages/GroupTaskInstance/Header.tsx b/airflow-core/src/airflow/ui/src/pages/GroupTaskInstance/Header.tsx index 9fc14c76f5d5a..16731d4de4c58 100644 --- a/airflow-core/src/airflow/ui/src/pages/GroupTaskInstance/Header.tsx +++ b/airflow-core/src/airflow/ui/src/pages/GroupTaskInstance/Header.tsx @@ -27,13 +27,7 @@ import { HeaderCard } from "src/components/HeaderCard"; import Time from "src/components/Time"; import { getDuration } from "src/utils"; -export const Header = ({ - isRefreshing, - taskInstance, -}: { - readonly isRefreshing?: boolean; - readonly taskInstance: LightGridTaskInstanceSummary; -}) => { +export const Header = ({ taskInstance }: { readonly taskInstance: LightGridTaskInstanceSummary }) => { const { t: translate } = useTranslation(); const entries: Array<{ label: string; value: number | ReactNode | string }> = []; @@ -62,7 +56,6 @@ export const Header = ({ } icon={} - isRefreshing={isRefreshing} state={taskInstance.state} stats={stats} subTitle={