(airflow) branch main updated: Update Import Error display on the UI (#51675)

[pierrejeambrun]

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

pierrejeambrun 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 dc10eb9415d Update Import Error display on the UI (#51675)
dc10eb9415d is described below

commit dc10eb9415da33b006949f3593e04dba706a8ab6
Author: Ephraim Anierobi <splendidzig...@gmail.com>
AuthorDate: Fri Jun 13 14:04:23 2025 +0100

    Update Import Error display on the UI (#51675)
    
    * Update Import Error display on the UI
    
    Now that the import error file location is relative, I have updated
    the UI part to display the bundle name along side the relative filename
    
    * fixup! Update Import Error display on the UI
    
    * Small adjustment, add namespace
    
    ---------
    
    Co-authored-by: pierrejeambrun <pierrejb...@gmail.com>
---
 .../airflow/ui/src/pages/Dashboard/Stats/DAGImportErrorsModal.tsx  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git 
a/airflow-core/src/airflow/ui/src/pages/Dashboard/Stats/DAGImportErrorsModal.tsx
 
b/airflow-core/src/airflow/ui/src/pages/Dashboard/Stats/DAGImportErrorsModal.tsx
index a738ba3d3fe..f52d51086e6 100644
--- 
a/airflow-core/src/airflow/ui/src/pages/Dashboard/Stats/DAGImportErrorsModal.tsx
+++ 
b/airflow-core/src/airflow/ui/src/pages/Dashboard/Stats/DAGImportErrorsModal.tsx
@@ -40,7 +40,7 @@ export const DAGImportErrorsModal: 
React.FC<ImportDAGErrorModalProps> = ({ impor
   const [page, setPage] = useState(1);
   const [searchQuery, setSearchQuery] = useState("");
   const [filteredErrors, setFilteredErrors] = useState(importErrors);
-  const { t: translate } = useTranslation("dashboard");
+  const { t: translate } = useTranslation(["dashboard", "components"]);
 
   const startRange = (page - 1) * PAGE_LIMIT;
   const endRange = startRange + PAGE_LIMIT;
@@ -84,6 +84,11 @@ export const DAGImportErrorsModal: 
React.FC<ImportDAGErrorModalProps> = ({ impor
             {visibleItems.map((importError) => (
               <Accordion.Item key={importError.import_error_id} 
value={importError.filename}>
                 <Accordion.ItemTrigger cursor="pointer">
+                  <Text display="flex" fontWeight="bold">
+                    {translate("components:versionDetails.bundleName")}
+                    {": "}
+                    {importError.bundle_name}
+                  </Text>
                   <PiFilePy />
                   {importError.filename}
                 </Accordion.ItemTrigger>