fix(Data Mapper): Filter empty/null messages (#6520)

* prevent undefined * filter null/empty messages
Azure · Jan 31, 2025 · 96ce56f · 96ce56f
1 parent fd28a65
commit 96ce56f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/libs/data-mapper-v2/src/components/mapChecker/MapCheckerItem.tsx b/libs/data-mapper-v2/src/components/mapChecker/MapCheckerItem.tsx
@@ -83,7 +83,7 @@ export const MapCheckerItem = ({ title, description, severity, _onClick, reactFl
           </Badge>
         </div>
       </Stack>
-      <Text className={styles.message}>{intl.formatMessage(description.message, description.value)}</Text>
+      <Text className={styles.message}>{intl.formatMessage(description.message, description.value ?? '')}</Text>
       <Text className={styles.subtitleText}>{pathText}</Text>
     </div>
   );

diff --git a/libs/data-mapper-v2/src/components/mapChecker/MapCheckerPanel.tsx b/libs/data-mapper-v2/src/components/mapChecker/MapCheckerPanel.tsx
@@ -77,18 +77,20 @@ export const MapCheckerPanel = () => {
   );
 
   const mapMapCheckerContentToElements = (elements: MapCheckerMessage[], severity: MapCheckerItemSeverity) => {
-    return elements.map((item, index) => {
-      return (
-        <MapCheckerItem
-          key={index}
-          title={item.title}
-          description={item.description}
-          severity={severity}
-          reactFlowId={item.reactFlowId}
-          data={item.data}
-        />
-      );
-    });
+    return elements
+      .filter((item) => !!item.description?.message?.defaultMessage)
+      .map((item, index) => {
+        return (
+          <MapCheckerItem
+            key={index}
+            title={item.title}
+            description={item.description}
+            severity={severity}
+            reactFlowId={item.reactFlowId}
+            data={item.data}
+          />
+        );
+      });
   };
 
   const errorContent = useMemo(() => {