From e27953d2bcb0516ec74178b52eb33d78a9072e8b Mon Sep 17 00:00:00 2001
From: Sas Swart <sas.swart.cdk@gmail.com>
Date: Fri, 28 Feb 2025 14:41:53 +0200
Subject: [PATCH] fix(site): add a beta badge for presets (#16751)

closes #16731

This pull request adds a "beta" badge to the presets input field on the
workspace creation page.
---
 .../CreateWorkspacePage/CreateWorkspacePageView.tsx    | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
index de72a79e45..8a1d380a16 100644
--- a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
+++ b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -6,6 +6,7 @@ import { Alert } from "components/Alert/Alert";
 import { ErrorAlert } from "components/Alert/ErrorAlert";
 import { Avatar } from "components/Avatar/Avatar";
 import { Button } from "components/Button/Button";
+import { FeatureStageBadge } from "components/FeatureStageBadge/FeatureStageBadge";
 import { SelectFilter } from "components/Filter/SelectFilter";
 import {
 	FormFields,
@@ -274,9 +275,12 @@ export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = ({
 
 						{presets.length > 0 && (
 							<Stack direction="column" spacing={2}>
-								<span css={styles.description}>
-									Select a preset to get started
-								</span>
+								<Stack direction="row" spacing={2} alignItems="center">
+									<span css={styles.description}>
+										Select a preset to get started
+									</span>
+									<FeatureStageBadge contentType={"beta"} size="md" />
+								</Stack>
 								<Stack direction="row" spacing={2}>
 									<SelectFilter
 										label="Preset"