fix(ui): don't show receivers twice

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## v0.111
+
+### Fixed
+
+- Fixed duplicated `@receiver` labels showing both on the alert and in the footer.
+
 ## v0.110
 
 ### Fixed

ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/index.tsx

@@ -17,6 +17,7 @@ const GroupFooter: FC<{
   silenceFormStore: SilenceFormStore;
   showAnnotations?: boolean;
   showSilences?: boolean;
+  showReceiver?: boolean;
 }> = ({
   group,
   afterUpdate,
@@ -24,6 +25,7 @@ const GroupFooter: FC<{
   silenceFormStore,
   showAnnotations = true,
   showSilences = true,
+  showReceiver = true,
 }) => {
   const total =
     (showAnnotations
@@ -36,7 +38,7 @@ const GroupFooter: FC<{
     (Object.keys(alertStore.data.upstreams.clusters).length > 1
       ? group.shared.clusters.length
       : 0) +
-    (alertStore.data.receivers.length > 1 ? 1 : 0) +
+    (alertStore.data.receivers.length > 1 ? (showReceiver ? 1 : 0) : 0) +
     (showSilences ? Object.keys(group.shared.silences).length : 0);
   if (total === 0) {
     return null;

ui/src/Components/Grid/AlertGrid/AlertGroup/index.tsx

@@ -236,6 +236,12 @@ const AlertGroup: FC<{
             silenceFormStore={silenceFormStore}
             showAnnotations={!alertStore.ui.isIdle}
             showSilences={!alertStore.ui.isIdle}
+            showReceiver={
+              !(
+                alertStore.data.receivers.length > 1 &&
+                group.alerts.length === 1
+              )
+            }
           />
         ) : null}
       </div>