fix: clear workspace name validation on field dirty (coder#10927)

Kira-Pilot · web-flow · commit 88f4490ad671 · 2023-11-29T10:53:45.000-05:00
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePage.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePage.tsx
@@ -127,6 +127,7 @@ const CreateWorkspacePage: FC = () => {
           defaultOwner={me}
           defaultBuildParameters={defaultBuildParameters}
           error={createWorkspaceMutation.error}
+          resetMutation={createWorkspaceMutation.reset}
           template={templateQuery.data!}
           versionId={realizedVersionId}
           externalAuth={externalAuth ?? []}
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -46,6 +46,7 @@ export const Language = {
 export interface CreateWorkspacePageViewProps {
   mode: CreateWorkspaceMode;
   error: unknown;
+  resetMutation: () => void;
   defaultName: string;
   defaultOwner: TypesGen.User;
   template: TypesGen.Template;
@@ -67,6 +68,7 @@ export interface CreateWorkspacePageViewProps {
 export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = ({
   mode,
   error,
+  resetMutation,
   defaultName,
   defaultOwner,
   template,
@@ -157,7 +159,8 @@ export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = ({
             <TextField
               {...getFieldHelpers("name")}
               disabled={creatingWorkspace}
-              onChange={onChangeTrimmed(form)}
+              // resetMutation facilitates the clearing of validation errors
+              onChange={onChangeTrimmed(form, resetMutation)}
               autoFocus
               fullWidth
               label="Workspace Name"
