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 = ({ = ({ = ({