Beta tag on account notification settings pages

dannykopping · dannykopping · commit bf1a148f3e50 · 2024-10-01T15:25:34.000+02:00
Signed-off-by: Danny Kopping &lt;danny@coder.com&gt;
diff --git a/site/src/pages/ManagementSettingsPage/SidebarView.tsx b/site/src/pages/ManagementSettingsPage/SidebarView.tsx
@@ -148,7 +148,7 @@ const DeploymentSettingsNavigation: FC<DeploymentSettingsNavigationProps> = ({
 							Users
 						</SidebarNavSubItem>
 					)}
-					<Stack direction={"row"} alignItems={"center"} css={{ gap: 0 }}>
+					<Stack direction="row" alignItems="center" css={{ gap: 0 }}>
 						<SidebarNavSubItem href="notifications">
 							Notifications
 						</SidebarNavSubItem>
diff --git a/site/src/pages/UserSettingsPage/NotificationsPage/NotificationsPage.tsx b/site/src/pages/UserSettingsPage/NotificationsPage/NotificationsPage.tsx
@@ -99,6 +99,7 @@ export const NotificationsPage: FC = () => {
 				title="Notifications"
 				description="Configure your notification preferences. Icons on the right of each notification indicate delivery method, either SMTP or Webhook."
 				layout="fluid"
+				featureStage="beta"
 			>
 				{ready ? (
 					<Stack spacing={4}>
diff --git a/site/src/pages/UserSettingsPage/Sidebar.tsx b/site/src/pages/UserSettingsPage/Sidebar.tsx
@@ -15,6 +15,7 @@ import {
 import { UserAvatar } from "components/UserAvatar/UserAvatar";
 import { useDashboard } from "modules/dashboard/useDashboard";
 import type { FC } from "react";
+import {FeatureStageBadge} from "components/FeatureStageBadge/FeatureStageBadge";
 
 interface SidebarProps {
 	user: User;
@@ -58,7 +59,7 @@ export const Sidebar: FC<SidebarProps> = ({ user }) => {
 				Tokens
 			</SidebarNavItem>
 			<SidebarNavItem href="notifications" icon={NotificationsIcon}>
-				Notifications
+				Notifications <FeatureStageBadge contentType="beta" size="sm" />
 			</SidebarNavItem>
 		</BaseSidebar>
 	);

Original file line number	Diff line number	Diff line change
`@@ -99,6 +99,7 @@ export const NotificationsPage: FC = () => {`
`99`	`99`	`title="Notifications"`
`100`	`100`	`description="Configure your notification preferences. Icons on the right of each notification indicate delivery method, either SMTP or Webhook."`
`101`	`101`	`layout="fluid"`
	`102`	`+ featureStage="beta"`
`102`	`103`	`>`
`103`	`104`	`{ready ? (`
`104`	`105`	`<Stack spacing={4}>`