Immutable Version ID form field

coder · aslilac · Sep 7, 2023 · Aug 31, 2023 · Sep 5, 2023 · Sep 5, 2023
commit f1d33273f79423c35c13f94dc8bbff239242cfe1
diff --git a/site/src/i18n/en/createWorkspacePage.json b/site/src/i18n/en/createWorkspacePage.json
@@ -1,5 +1,6 @@
 {
   "templateLabel": "Template",
+  "versionLabel": "Version ID",
   "nameLabel": "Workspace Name",
   "ownerLabel": "Owner",
   "createWorkspace": "Create Workspace",

diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePage.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePage.tsx
@@ -50,8 +50,15 @@ const CreateWorkspacePage: FC = () => {
       },
     },
   })
-  const { template, error, parameters, permissions, gitAuth, defaultName } =
-    createWorkspaceState.context
+  const {
+    template,
+    error,
+    parameters,
+    permissions,
+    gitAuth,
+    defaultName,
+    versionId,
+  } = createWorkspaceState.context
   const title = createWorkspaceState.matches("autoCreating")
     ? "Creating workspace..."
     : "Create Workspace"
@@ -75,6 +82,7 @@ const CreateWorkspacePage: FC = () => {
           defaultBuildParameters={defaultBuildParameters}
           error={error}
           template={template as Template}
+          versionId={versionId}
           gitAuth={gitAuth as TemplateVersionGitAuth[]}
           permissions={permissions as CreateWSPermissions}
           parameters={parameters as TemplateVersionParameter[]}

diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -26,12 +26,14 @@ import {
 import { CreateWSPermissions } from "xServices/createWorkspace/createWorkspaceXService"
 import { GitAuth } from "components/GitAuth/GitAuth"
 import { ErrorAlert } from "components/Alert/ErrorAlert"
+import { Stack } from "components/Stack/Stack"
 
 export interface CreateWorkspacePageViewProps {
   error: unknown
   defaultName: string
   defaultOwner: TypesGen.User
   template: TypesGen.Template
+  versionId?: string
   gitAuth: TypesGen.TemplateVersionGitAuth[]
   parameters: TypesGen.TemplateVersionParameter[]
   defaultBuildParameters: TypesGen.WorkspaceBuildParameter[]
@@ -46,6 +48,7 @@ export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = ({
   defaultName,
   defaultOwner,
   template,
+  versionId,
   gitAuth,
   parameters,
   defaultBuildParameters,
@@ -108,6 +111,19 @@ export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = ({
         >
           <FormFields>
             <SelectedTemplate template={template} />
+            {versionId && (
+              <Stack spacing={1} className={styles.hasDescription}>
+                <TextField
+                  disabled
+                  fullWidth
+                  value={versionId}
+                  label={t("versionLabel")}
+                />
+                <span className={styles.description}>
+                  This parameter has been preset, and cannot be modified.
+                </span>
+              </Stack>
+            )}
             <TextField
               {...getFieldHelpers("name")}
               disabled={form.isSubmitting}
@@ -245,6 +261,13 @@ const useGitAuthVerification = (gitAuth: TypesGen.TemplateVersionGitAuth[]) => {
 }
 
 const useStyles = makeStyles((theme) => ({
+  hasDescription: {
+    paddingBottom: theme.spacing(2),
+  },
+  description: {
+    fontSize: 13,
+    color: theme.palette.text.secondary,
+  },
   warningText: {
     color: theme.palette.warning.light,
   },