From 6397f3025aef231a6c21d91a66e0275584650580 Mon Sep 17 00:00:00 2001
From: Celia Amador <camadorg@redhat.com>
Date: Mon, 18 Aug 2025 13:32:15 +0200
Subject: [PATCH] EDM-1997: Show alert title as received from the API by
 default

---
 .../components/OverviewPage/Cards/Alerts/AlertsCard.tsx   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/libs/ui-components/src/components/OverviewPage/Cards/Alerts/AlertsCard.tsx b/libs/ui-components/src/components/OverviewPage/Cards/Alerts/AlertsCard.tsx
index 49a5c5eca..7d9da0a06 100644
--- a/libs/ui-components/src/components/OverviewPage/Cards/Alerts/AlertsCard.tsx
+++ b/libs/ui-components/src/components/OverviewPage/Cards/Alerts/AlertsCard.tsx
@@ -116,6 +116,12 @@ const resourceKindLabel = (t: TFunction, resourceKind: ResourceKind | undefined)
       return t('Template version');
   }
 };
+const getAlertTitle = (alert: AlertManagerAlert, defaultTitle: string) => {
+  if (alert.annotations.summary) {
+    return alert.annotations.summary;
+  }
+  return defaultTitle;
+};
 
 const AlertsCard = () => {
   const { t } = useTranslation();
@@ -154,7 +160,7 @@ const AlertsCard = () => {
                   <Icon status="danger" size="md">
                     <ExclamationCircleIcon />
                   </Icon>{' '}
-                  <strong>{alertTypes[alertName] || alertName}</strong>
+                  <strong>{getAlertTitle(alert, alertTypes[alertName] || alertName)}</strong>
                 </StackItem>
                 <StackItem>
                   <TextContent>