(airflow) branch main updated: UI: Fix raw translation key showing as a Backfills column header (#72836)

[bb...@apache.org]

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 5d559174c34 UI: Fix raw translation key showing as a Backfills column header (#72836)
5d559174c34 is described below

commit 5d559174c34692c61078449719136f754480cf82
Author: Brent Bovenzi <br...@astronomer.io>
AuthorDate: Wed Sep 23 14:03:06 2026 -0400

    UI: Fix raw translation key showing as a Backfills column header (#72836)
    
    The Backfills table and its Dag runs modal read column headers from the
    components namespace without declaring it, so react-i18next neither waits for
    that namespace nor re-renders when it arrives. Because headers are evaluated
    eagerly, a namespace that resolves after first render leaves users looking at
    backfill.reprocessBehavior instead of the translated label.
---
 .../src/airflow/ui/src/pages/Dag/Backfills/BackfillDagRunsModal.tsx     | 2 +-
 airflow-core/src/airflow/ui/src/pages/Dag/Backfills/Backfills.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/airflow-core/src/airflow/ui/src/pages/Dag/Backfills/BackfillDagRunsModal.tsx b/airflow-core/src/airflow/ui/src/pages/Dag/Backfills/BackfillDagRunsModal.tsx
index 505d4ba18a3..6b007afe29f 100644
--- a/airflow-core/src/airflow/ui/src/pages/Dag/Backfills/BackfillDagRunsModal.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/Dag/Backfills/BackfillDagRunsModal.tsx
@@ -142,7 +142,7 @@ const getColumns = (
 ];
 
 export const BackfillDagRunsModal = ({ backfillId, dagId, onClose, open }: BackfillDagRunsModalProps) => {
-  const { t: translate } = useTranslation();
+  const { t: translate } = useTranslation(["common", "components"]);
   const pageSize = (useConfig("fallback_page_limit") as number | undefined) ?? 100;
   const [pageIndex, setPageIndex] = useState(0);
   const tableState = {
diff --git a/airflow-core/src/airflow/ui/src/pages/Dag/Backfills/Backfills.tsx b/airflow-core/src/airflow/ui/src/pages/Dag/Backfills/Backfills.tsx
index ef8ab29cbf4..971373ba5ff 100644
--- a/airflow-core/src/airflow/ui/src/pages/Dag/Backfills/Backfills.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/Dag/Backfills/Backfills.tsx
@@ -149,7 +149,7 @@ const getColumns = ({
 ];
 
 export const Backfills = () => {
-  const { t: translate } = useTranslation();
+  const { t: translate } = useTranslation(["common", "components"]);
   const { formatElapsed } = useDurationFormat();
   const { setTableURLState, tableURLState } = useTableURLState();
   const location = useLocation();