chore: clarify section description to indicate that notifications can be disabled (#15381)

dannykopping · web-flow · commit cafb963bf442 · 2024-11-06T18:43:39.000+01:00
The current description of "Configure your notification preferences.
Icons on the right of each notification indicate delivery method, either
SMTP or Webhook." doesn't really say what this page is for.

I've adjusted the wording, and also changed the tooltip of the delivery
method icon to be more clear.

Signed-off-by: Danny Kopping &lt;danny@coder.com&gt;
diff --git a/site/src/pages/UserSettingsPage/NotificationsPage/NotificationsPage.tsx b/site/src/pages/UserSettingsPage/NotificationsPage/NotificationsPage.tsx
@@ -97,7 +97,7 @@ export const NotificationsPage: FC = () => {
 			</Helmet>
 			<Section
 				title="Notifications"
-				description="Configure your notification preferences. Icons on the right of each notification indicate delivery method, either SMTP or Webhook."
+				description="Control which notifications you receive."
 				layout="fluid"
 				featureStage="beta"
 			>
@@ -183,7 +183,7 @@ export const NotificationsPage: FC = () => {
 															css={styles.listItemEndIcon}
 															aria-label="Delivery method"
 														>
-															<Tooltip title={label}>
+															<Tooltip title={`Delivery via ${label}`}>
 																<Icon aria-label={label} />
 															</Tooltip>
 														</ListItemIcon>
