feat: improve display of events and wildcard event filters

okaufmann · Oct 21, 2023 · cec0796 · cec0796
1 parent b0afed5
commit cec0796
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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">