fix(RunOnce): change to form submission instead of onKeyDown and onClick (#8460)

This commit is contained in:
Hirotaka Miyagi 2024-09-15 18:09:47 +09:00 committed by GitHub
parent 4788e1c8c8
commit b73faae0d0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -1,4 +1,4 @@
import type { FC } from 'react' import type { FC, FormEvent } from 'react'
import React from 'react' import React from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { import {
@ -39,11 +39,16 @@ const RunOnce: FC<IRunOnceProps> = ({
onInputsChange(newInputs) onInputsChange(newInputs)
} }
const onSubmit = (e: FormEvent<HTMLFormElement>) => {
e.preventDefault()
onSend()
}
return ( return (
<div className=""> <div className="">
<section> <section>
{/* input form */} {/* input form */}
<form> <form onSubmit={onSubmit}>
{promptConfig.prompt_variables.map(item => ( {promptConfig.prompt_variables.map(item => (
<div className='w-full mt-4' key={item.key}> <div className='w-full mt-4' key={item.key}>
<label className='text-gray-900 text-sm font-medium'>{item.name}</label> <label className='text-gray-900 text-sm font-medium'>{item.name}</label>
@ -65,12 +70,6 @@ const RunOnce: FC<IRunOnceProps> = ({
placeholder={`${item.name}${!item.required ? `(${t('appDebug.variableTable.optional')})` : ''}`} placeholder={`${item.name}${!item.required ? `(${t('appDebug.variableTable.optional')})` : ''}`}
value={inputs[item.key]} value={inputs[item.key]}
onChange={(e) => { onInputsChange({ ...inputs, [item.key]: e.target.value }) }} onChange={(e) => { onInputsChange({ ...inputs, [item.key]: e.target.value }) }}
onKeyDown={(e) => {
if (e.key === 'Enter') {
e.preventDefault()
onSend()
}
}}
maxLength={item.max_length || DEFAULT_VALUE_MAX_LEN} maxLength={item.max_length || DEFAULT_VALUE_MAX_LEN}
/> />
)} )}
@ -124,8 +123,8 @@ const RunOnce: FC<IRunOnceProps> = ({
<span className='text-[13px]'>{t('common.operation.clear')}</span> <span className='text-[13px]'>{t('common.operation.clear')}</span>
</Button> </Button>
<Button <Button
type='submit'
variant="primary" variant="primary"
onClick={onSend}
disabled={false} disabled={false}
> >
<PlayIcon className="shrink-0 w-4 h-4 mr-1" aria-hidden="true" /> <PlayIcon className="shrink-0 w-4 h-4 mr-1" aria-hidden="true" />