fix story with form error

AbhineetJain · AbhineetJain · commit ce2b2f321057 · 2022-08-01T20:26:28.000Z
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.stories.tsx
@@ -106,4 +106,7 @@ CreateWorkspaceError.args = {
       ],
     }),
   },
+  initialTouched: {
+    name: true,
+  },
 }
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -1,7 +1,7 @@
 import { makeStyles } from "@material-ui/core/styles"
 import TextField from "@material-ui/core/TextField"
 import { ErrorSummary } from "components/ErrorSummary/ErrorSummary"
-import { FormikContextType, useFormik } from "formik"
+import { FormikContextType, FormikTouched, useFormik } from "formik"
 import { FC, useState } from "react"
 import * as Yup from "yup"
 import * as TypesGen from "../../api/typesGenerated"
@@ -35,6 +35,8 @@ export interface CreateWorkspacePageViewProps {
   createWorkspaceErrors: Partial<Record<CreateWorkspaceErrors, Error | unknown>>
   onCancel: () => void
   onSubmit: (req: TypesGen.CreateWorkspaceRequest) => void
+  // initialTouched is only used for testing the error state of the form.
+  initialTouched?: FormikTouched<TypesGen.CreateWorkspaceRequest>
 }
 
 export const validationSchema = Yup.object({
@@ -53,6 +55,7 @@ export const CreateWorkspacePageView: FC<CreateWorkspacePageViewProps> = (props)
       },
       enableReinitialize: true,
       validationSchema,
+      initialTouched: props.initialTouched,
       onSubmit: (request) => {
         if (!props.templateSchema) {
           throw new Error("No template schema loaded")

Original file line number	Diff line number	Diff line change
`@@ -106,4 +106,7 @@ CreateWorkspaceError.args = {`
`106`	`106`	`],`
`107`	`107`	`}),`
`108`	`108`	`},`
	`109`	`+ initialTouched: {`
	`110`	`+ name: true,`
	`111`	`+ },`
`109`	`112`	`}`