@@ -140,6 +140,11 @@ export const CreateWorkspacePageViewExperimental: FC<
140140}
141141} , [ error ] ) ;
142142
143+ const getFieldHelpers = getFormHelpers < TypesGen . CreateWorkspaceRequest > (
144+ form ,
145+ error ,
146+ ) ;
147+
143148const [ presetOptions , setPresetOptions ] = useState ( [
144149{ label :"None" , value :"" } ,
145150] ) ;
@@ -328,27 +333,29 @@ export const CreateWorkspacePageViewExperimental: FC<
328333< Label className = "text-sm" htmlFor = { `${ id } } >
329334Workspace name
330335</ Label >
331- < Input
332- id = { `${ id } }
333- value = { form . values . name }
334- onChange = { ( e ) => {
335- form . setFieldValue ( "name" , e . target . value . trim ( ) ) ;
336- resetMutation ( ) ;
337- } }
338- disabled = { creatingWorkspace }
339- />
340- < div className = "flex gap-2 text-xs text-content-secondary items-center" >
341- Need a suggestion?
342- < Button
343- variant = "subtle"
344- size = "sm"
345- onClick = { async ( ) => {
346- await form . setFieldValue ( "name" , suggestedName ) ;
347- rerollSuggestedName ( ) ;
336+ < div >
337+ < Input
338+ id = { `${ id } }
339+ value = { form . values . name }
340+ onChange = { ( e ) => {
341+ form . setFieldValue ( "name" , e . target . value . trim ( ) ) ;
342+ resetMutation ( ) ;
348343} }
349- >
350- { suggestedName }
351- </ Button >
344+ disabled = { creatingWorkspace }
345+ />
346+ < div className = "flex gap-2 text-xs text-content-secondary items-center" >
347+ Need a suggestion?
348+ < Button
349+ variant = "subtle"
350+ size = "sm"
351+ onClick = { async ( ) => {
352+ await form . setFieldValue ( "name" , suggestedName ) ;
353+ rerollSuggestedName ( ) ;
354+ } }
355+ >
356+ { suggestedName }
357+ </ Button >
358+ </ div >
352359</ div >
353360</ div >
354361{ permissions . createWorkspaceForAny && (
@@ -470,6 +477,7 @@ export const CreateWorkspacePageViewExperimental: FC<
470477
471478return (
472479< DynamicParameter
480+ fieldHelpers = { getFieldHelpers }
473481key = { parameter . name }
474482parameter = { parameter }
475483onChange = { ( value ) =>