From 01526d90536abb42edeccb0f0d00a68b085b6d0f Mon Sep 17 00:00:00 2001
From: Sonia Aguilar <33540275+soniaAguilarPeiron@users.noreply.github.com>
Date: Thu, 6 Oct 2022 16:20:07 +0200
Subject: [PATCH] Add error details in notification error feedback tooltip
 (#56472)

---
 .../unified/components/receivers/ReceiversTable.tsx  | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/app/features/alerting/unified/components/receivers/ReceiversTable.tsx b/public/app/features/alerting/unified/components/receivers/ReceiversTable.tsx
index 056e3996e50..cd6cb19e950 100644
--- a/public/app/features/alerting/unified/components/receivers/ReceiversTable.tsx
+++ b/public/app/features/alerting/unified/components/receivers/ReceiversTable.tsx
@@ -78,25 +78,27 @@ function ViewAction({ permissions, alertManagerName, receiverName }: ActionProps
 }
 interface ReceiverErrorProps {
   errorCount: number;
+  errorDetail?: string;
 }
 
-function ReceiverError({ errorCount }: ReceiverErrorProps) {
+function ReceiverError({ errorCount, errorDetail }: ReceiverErrorProps) {
   return (
     <Badge
       color="orange"
       icon="exclamation-triangle"
       text={`${errorCount} ${pluralize('error', errorCount)}`}
-      tooltip={`${errorCount} ${pluralize('error', errorCount)} detected in this contact point`}
+      tooltip={errorDetail}
     />
   );
 }
 interface ReceiverHealthProps {
   errorsByReceiver: number;
+  errorDetail?: string;
 }
 
-function ReceiverHealth({ errorsByReceiver }: ReceiverHealthProps) {
+function ReceiverHealth({ errorsByReceiver, errorDetail }: ReceiverHealthProps) {
   return errorsByReceiver > 0 ? (
-    <ReceiverError errorCount={errorsByReceiver} />
+    <ReceiverError errorCount={errorsByReceiver} errorDetail={errorDetail} />
   ) : (
     <Badge color="green" text="OK" tooltip="No errors detected" />
   );
@@ -157,7 +159,7 @@ function NotifiersTable({ notifiersState }: NotifiersTableProps) {
         id: 'health',
         label: 'Health',
         renderCell: ({ data: { lastError } }) => {
-          return <ReceiverHealth errorsByReceiver={lastError ? 1 : 0} />;
+          return <ReceiverHealth errorsByReceiver={lastError ? 1 : 0} errorDetail={lastError ?? undefined} />;
         },
         size: 0.5,
       },