This is an automated email from the ASF dual-hosted git repository.
potiuk pushed a commit to branch v3-1-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-1-test by this push:
new 30c552ee72f [v3-1-test] fix(ui): show active backfill in banner
instead of first one (#61851) (#62137)
30c552ee72f is described below
commit 30c552ee72f1ed8409e7a6a2f956d4ebea684a59
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Wed Feb 18 22:28:00 2026 +0100
[v3-1-test] fix(ui): show active backfill in banner instead of first one
(#61851) (#62137)
When multiple backfills exist for a DAG, the "Backfill in progress"
banner was showing the first/oldest backfill rather than the currently
active one. Two issues fixed:
1. Pass active: true to the API query so only non-completed backfills
are fetched, leveraging the existing server-side filter.
2. Use the filtered backfill variable for displaying from_date/to_date
instead of hardcoded data.backfills[0].
Closes: #61811
(cherry picked from commit ce9584e5617f2e025ce9bf14ac780f11bb493aa2)
Signed-off-by: Mr-Neutr0n <[email protected]>
Co-authored-by: Harikrishna KP <[email protected]>
---
airflow-core/src/airflow/ui/src/components/Banner/BackfillBanner.tsx | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git
a/airflow-core/src/airflow/ui/src/components/Banner/BackfillBanner.tsx
b/airflow-core/src/airflow/ui/src/components/Banner/BackfillBanner.tsx
index 522a541fc40..1c683afcdb0 100644
--- a/airflow-core/src/airflow/ui/src/components/Banner/BackfillBanner.tsx
+++ b/airflow-core/src/airflow/ui/src/components/Banner/BackfillBanner.tsx
@@ -54,6 +54,7 @@ const BackfillBanner = ({ dagId }: Props) => {
const { data, isLoading } = useBackfillServiceListBackfillsUi(
{
+ active: true,
dagId,
},
undefined,
@@ -108,7 +109,7 @@ const BackfillBanner = ({ dagId }: Props) => {
<Text key="backfill">{translate("banner.backfillInProgress")}:</Text>
<Text fontSize="sm">
{" "}
- <Time datetime={data?.backfills[0]?.from_date} /> - <Time
datetime={data?.backfills[0]?.to_date} />
+ <Time datetime={backfill.from_date} /> - <Time
datetime={backfill.to_date} />
</Text>
<Spacer flex="max-content" />
