clean up design

aslilac · aslilac · commit a9badc9c1678 · 2025-04-18T19:16:36.000Z
diff --git a/dogfood/coder/main.tf b/dogfood/coder/main.tf
@@ -42,10 +42,10 @@ data "coder_parameter" "image_type" {
   type        = "string"
   name        = "Coder Image"
   default     = "codercom/oss-dogfood:latest"
-  description = "The Docker image used to run your workspace."
+  description = "The Docker image used to run your workspace. Choose between nix and non-nix images."
   option {
-    icon  = "/icon/ubuntu.svg"
-    name  = "Dogfood Ubuntu"
+    icon  = "/icon/coder.svg"
+    name  = "Dogfood (Default)"
     value = "codercom/oss-dogfood:latest"
   }
   option {
diff --git a/site/src/api/queries/templates.ts b/site/src/api/queries/templates.ts
@@ -34,9 +34,7 @@ export const templateByName = (
 ): QueryOptions<Template> => {
 	return {
 		queryKey: templateByNameKey(organization, name),
-		queryFn: async () => {
-			return API.getTemplateByName(organization, name);
-		},
+		queryFn: async () => API.getTemplateByName(organization, name),
 	};
 };
 
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -220,9 +220,20 @@ export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = ({
 		<Margins size="medium">
 			<PageHeader
 				actions={
-					<Button size="sm" variant="outline" onClick={onCancel}>
-						Cancel
-					</Button>
+					<>
+						{newFormContext && (
+							<Button
+								size="sm"
+								variant="outline"
+								onClick={newFormContext.toggleOptedOut}
+							>
+								Try out the new workspace creation flow ✨
+							</Button>
+						)}
+						<Button size="sm" variant="outline" onClick={onCancel}>
+							Cancel
+						</Button>
+					</>
 				}
 			>
 				<Stack direction="row">
@@ -247,12 +258,6 @@ export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = ({
 				</Stack>
 			</PageHeader>
 
-			{newFormContext && (
-				<button type="button" onClick={newFormContext.toggleOptedOut}>
-					Try out the new workspace creation flow ✨
-				</button>
-			)}
-
 			<HorizontalForm
 				name="create-workspace-form"
 				onSubmit={form.handleSubmit}
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageViewExperimental.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageViewExperimental.tsx
@@ -260,7 +260,7 @@ export const CreateWorkspacePageViewExperimental: FC<
 				</button>
 			</div>
 			<div className="flex flex-col gap-6 max-w-screen-sm mx-auto">
-				<header className="flex flex-col gap-2 mt-10">
+				<header className="flex flex-col items-start gap-2 mt-10">
 					<div className="flex items-center gap-2">
 						<Avatar
 							variant="icon"
@@ -277,13 +277,17 @@ export const CreateWorkspacePageViewExperimental: FC<
 					<h1 className="text-3xl font-semibold m-0">New workspace</h1>
 
 					{template.deprecated && <Pill type="warning">Deprecated</Pill>}
-				</header>
 
-				{newFormContext && (
-					<button type="button" onClick={newFormContext.toggleOptedOut}>
-						Go back to the classic workspace creation flow
-					</button>
-				)}
+					{newFormContext && (
+						<Button
+							size="sm"
+							variant="subtle"
+							onClick={newFormContext.toggleOptedOut}
+						>
+							Go back to the classic workspace creation flow
+						</Button>
+					)}
+				</header>
 
 				<form
 					onSubmit={form.handleSubmit}
