Commita1fa5c8

authored

fix(site): disable task prompt submit button when prompt empty (#20357)

Disable the submit button by default in the task creation form, it is only enabled once the prompt field is non empty

1 parentdc6e50d commita1fa5c8Copy full SHA for a1fa5c8

File tree

+32

-1

lines changed

+32

-1

lines changed

Lines changed: 31 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -72,6 +72,37 @@ export const ReadOnlyPresetPrompt: Story = {`
`72`	`72`	`},`
`73`	`73`	`};`
`74`	`74`
	`75`	`+exportconstSubmitEnabledWhenPromptNotEmpty:Story={`
	`76`	`+play:async({ canvasElement})=>{`
	`77`	`+constcanvas=within(canvasElement);`
	`78`	`+`
	`79`	`+constprompt=awaitcanvas.findByLabelText(/prompt/i);`
	`80`	`+awaituserEvent.type(prompt,MockNewTaskData.prompt);`
	`81`	`+`
	`82`	`+constsubmitButton=canvas.getByRole("button",{name:/runtask/i});`
	`83`	`+expect(submitButton).toBeEnabled();`
	`84`	`+},`
	`85`	`+};`
	`86`	`+`
	`87`	`+exportconstSubmitDisabledWhenPromptEmpty:Story={`
	`88`	`+play:async({ canvasElement, step})=>{`
	`89`	`+constcanvas=within(canvasElement);`
	`90`	`+`
	`91`	`+awaitstep("No prompt",async()=>{`
	`92`	`+constsubmitButton=canvas.getByRole("button",{name:/runtask/i});`
	`93`	`+expect(submitButton).toBeDisabled();`
	`94`	`+});`
	`95`	`+`
	`96`	`+awaitstep("Whitespace prompt",async()=>{`
	`97`	`+constprompt=awaitcanvas.findByLabelText(/prompt/i);`
	`98`	`+awaituserEvent.type(prompt," ");`
	`99`	`+`
	`100`	`+constsubmitButton=canvas.getByRole("button",{name:/runtask/i});`
	`101`	`+expect(submitButton).toBeDisabled();`
	`102`	`+});`
	`103`	`+},`
	`104`	`+};`
	`105`	`+`
`75`	`106`	`exportconstOnSuccess:Story={`
`76`	`107`	`decorators:[withGlobalSnackbar],`
`77`	`108`	`parameters:{`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -368,7 +368,7 @@ const CreateTaskForm: FC<CreateTaskFormProps> = ({ templates, onSuccess }) => {`
`368`	`368`	`<Button`
`369`	`369`	`size="icon"`
`370`	`370`	`type="submit"`
`371`		`-disabled={isMissingExternalAuth}`
	`371`	`+disabled={prompt.trim().length===0\|\|isMissingExternalAuth}`
`372`	`372`	`className="rounded-full disabled:bg-surface-invert-primary disabled:opacity-70"`
`373`	`373`	`>`
`374`	`374`	`<Spinner`

Comments

(0)