From cec0796d7dc8ad6c865dc17ff68ecaff1dc8d320 Mon Sep 17 00:00:00 2001
From: Oliver Kaufmann <okaufmann91@gmail.com>
Date: Sat, 21 Oct 2023 02:41:13 +0200
Subject: [PATCH] feat: improve display of events and wildcard event filters

---
 src/components/details/notification/alert-details.tsx    | 6 ++----
 src/components/details/notification/receiver-details.tsx | 4 +++-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/details/notification/alert-details.tsx b/src/components/details/notification/alert-details.tsx
index 9655526..d8684a9 100644
--- a/src/components/details/notification/alert-details.tsx
+++ b/src/components/details/notification/alert-details.tsx
@@ -10,7 +10,7 @@ interface AlertDetailsState {
 }
 
 const {
-  Component: { DrawerItem },
+  Component: { DrawerItem, Badge },
 } = Renderer
 
 export class FluxCDAlertDetails extends React.Component<
@@ -76,9 +76,7 @@ export class FluxCDAlertDetails extends React.Component<
           {object.spec.eventSources.map((eventSource: any, index: number) => (
             <li key={index}>
               {eventSource.name === '*' ? (
-                <span>
-                  {eventSource.kind}:{eventSource.name}
-                </span>
+                <Badge label={`${eventSource.kind}:${eventSource.name}`} />
               ) : (
                 <a
                   href="#"
diff --git a/src/components/details/notification/receiver-details.tsx b/src/components/details/notification/receiver-details.tsx
index d978ae4..9d8ace3 100644
--- a/src/components/details/notification/receiver-details.tsx
+++ b/src/components/details/notification/receiver-details.tsx
@@ -69,7 +69,9 @@ export class FluxCDReceiverDetails extends React.Component<
         </DrawerItem>
         <DrawerItem name="Events">
           {object.spec.events.map((e: string, index: number) => (
-            <li key={index}>{e}</li>
+            <li key={index}>
+              <Badge label={e} />
+            </li>
           ))}
         </DrawerItem>
         <DrawerItem name="Resources">