Slack alerts : can now specify members to tag in the channel

flow/alerting/slack_alert_sender.go

@@ -3,6 +3,7 @@ package alerting
 import (
 	"context"
 	"fmt"
+	"strings"
 
 	"github.com/slack-go/slack"
 )
@@ -11,6 +12,7 @@ type SlackAlertSender struct {
 	AlertSender
 	client                        *slack.Client
 	channelIDs                    []string
+	members                       []string
 	slotLagMBAlertThreshold       uint32
 	openConnectionsAlertThreshold uint32
 }
@@ -26,6 +28,7 @@ func (s *SlackAlertSender) getOpenConnectionsAlertThreshold() uint32 {
 type slackAlertConfig struct {
 	AuthToken                     string   `json:"auth_token"`
 	ChannelIDs                    []string `json:"channel_ids"`
+	Members                       []string `json:"members"`
 	SlotLagMBAlertThreshold       uint32   `json:"slot_lag_mb_alert_threshold"`
 	OpenConnectionsAlertThreshold uint32   `json:"open_connections_alert_threshold"`
 }
@@ -36,14 +39,25 @@ func newSlackAlertSender(config *slackAlertConfig) *SlackAlertSender {
 		channelIDs:                    config.ChannelIDs,
 		slotLagMBAlertThreshold:       config.SlotLagMBAlertThreshold,
 		openConnectionsAlertThreshold: config.OpenConnectionsAlertThreshold,
+		members:                       config.Members,
 	}
 }
 
 func (s *SlackAlertSender) sendAlert(ctx context.Context, alertTitle string, alertMessage string) error {
 	for _, channelID := range s.channelIDs {
+		var ccMembersPart strings.Builder
+		if len(s.members) == 0 {
+			ccMembersPart.WriteString("cc: <!channel>")
+		} else {
+			ccMembersPart.WriteString("cc:")
+			for _, member := range s.members {
+				ccMembersPart.WriteString(" @")
+				ccMembersPart.WriteString(member)
+			}
+		}
 		_, _, _, err := s.client.SendMessageContext(ctx, channelID, slack.MsgOptionBlocks(
 			slack.NewHeaderBlock(slack.NewTextBlockObject("plain_text", ":rotating_light:Alert:rotating_light:: "+alertTitle, true, false)),
-			slack.NewSectionBlock(slack.NewTextBlockObject("mrkdwn", alertMessage+"\ncc: <!channel>", false, false), nil, nil),
+			slack.NewSectionBlock(slack.NewTextBlockObject("mrkdwn", alertMessage+"\n"+ccMembersPart.String(), false, false), nil, nil),
 		))
 		if err != nil {
 			return fmt.Errorf("failed to send message to Slack channel %s: %w", channelID, err)

ui/app/alert-config/new.tsx

@@ -1,6 +1,8 @@
 import { Button } from '@/lib/Button';
+import { Label } from '@/lib/Label/Label';
 import { TextField } from '@/lib/TextField';
 import Image from 'next/image';
+import Link from 'next/link';
 import { Dispatch, SetStateAction, useState } from 'react';
 import ReactSelect from 'react-select';
 import { PulseLoader } from 'react-spinners';
@@ -81,6 +83,26 @@ function getSlackProps(
           }}
         />
       </div>
+      <div>
+        <p>Members</p>
+        <Label as='label' style={{ fontSize: 14 }}>
+          Slack usernames to tag in the channel for these alerts. If left empty,
+          pings the whole channel
+        </Label>
+        <TextField
+          key={'members'}
+          style={{ height: '2.5rem', marginTop: '0.5rem' }}
+          variant='simple'
+          placeholder='Comma separated'
+          value={config.members?.join(',')}
+          onChange={(e) => {
+            setConfig((previous) => ({
+              ...previous,
+              members: e.target.value.split(','),
+            }));
+          }}
+        />
+      </div>
     </>
   );
 }
@@ -196,7 +218,7 @@ export function NewConfig(alertProps: AlertConfigProps) {
       style={{
         display: 'flex',
         flexDirection: 'column',
-        rowGap: '2rem',
+        rowGap: '1.5rem',
         marginTop: '3rem',
         width: '40%',
       }}
@@ -225,6 +247,16 @@ export function NewConfig(alertProps: AlertConfigProps) {
           theme={SelectTheme}
         />
       </div>
+      {serviceType === 'slack' && (
+        <Label
+          as={Link}
+          target='_blank'
+          href='https://docs.peerdb.io/features/alerting/slack-alerting'
+          style={{ color: 'teal', cursor: 'pointer', width: 'fit-content' }}
+        >
+          How to setup Slack alerting
+        </Label>
+      )}
       <div>
         <p>Slot Lag Alert Threshold (in GB)</p>
         <TextField

ui/app/alert-config/validation.ts

@@ -29,6 +29,7 @@ export const slackServiceConfigSchema = z.intersection(
         }
       )
       .min(1, { message: 'Atleast one channel ID is needed' }),
+    members: z.array(z.string().trim()).optional(),
   })
 );