diff --git a/site/src/components/DeploySettingsLayout/Badges.tsx b/site/src/components/DeploySettingsLayout/Badges.tsx
index 5c32fcd8f1..41de522f0c 100644
--- a/site/src/components/DeploySettingsLayout/Badges.tsx
+++ b/site/src/components/DeploySettingsLayout/Badges.tsx
@@ -85,6 +85,15 @@ export const EnterpriseBadge: FC = () => {
);
};
+export const AlphaBadge: FC = () => {
+ const styles = useStyles();
+ return (
+
+ Alpha
+
+ );
+};
+
export const Badges: FC = ({ children }) => {
const styles = useStyles();
return (
@@ -123,6 +132,11 @@ const useStyles = makeStyles((theme) => ({
border: `1px solid ${theme.palette.info.light}`,
},
+ alphaBadge: {
+ border: `1px solid ${theme.palette.error.light}`,
+ backgroundColor: theme.palette.error.dark,
+ },
+
versionBadge: {
border: `1px solid ${theme.palette.success.light}`,
backgroundColor: theme.palette.success.dark,
diff --git a/site/src/components/Form/Form.tsx b/site/src/components/Form/Form.tsx
index 7779ddbf58..b487050513 100644
--- a/site/src/components/Form/Form.tsx
+++ b/site/src/components/Form/Form.tsx
@@ -1,4 +1,5 @@
import { makeStyles } from "@mui/styles";
+import { AlphaBadge } from "components/DeploySettingsLayout/Badges";
import {
FormFooterProps as BaseFormFooterProps,
FormFooter as BaseFormFooter,
@@ -67,8 +68,9 @@ export const FormSection: FC<
sectionInfo?: string;
infoTitle?: string;
};
+ alpha?: boolean;
}
-> = ({ children, title, description, classes = {} }) => {
+> = ({ children, title, description, classes = {}, alpha = false }) => {
const formContext = useContext(FormContext);
const styles = useStyles(formContext);
@@ -83,10 +85,12 @@ export const FormSection: FC<
{title}
+ {alpha && }
{description}
@@ -171,6 +175,13 @@ const useStyles = makeStyles((theme) => ({
marginBottom: theme.spacing(1),
},
+ formSectionInfoTitleAlpha: {
+ display: "flex",
+ flexDirection: "row",
+ alignItems: "center",
+ gap: theme.spacing(1.5),
+ },
+
formSectionInfoDescription: {
fontSize: 14,
color: theme.palette.text.secondary,
diff --git a/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateScheduleForm.tsx b/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateScheduleForm.tsx
index f52ac32db3..818ea0657e 100644
--- a/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateScheduleForm.tsx
+++ b/site/src/pages/TemplateSettingsPage/TemplateSchedulePage/TemplateScheduleForm.tsx
@@ -464,6 +464,7 @@ export const TemplateScheduleForm: FC = ({
= ({
= ({