fix(web): enhance API test page experience by adding loading state for test button (#21091)
This commit is contained in:
@@ -31,10 +31,13 @@ const TestApi: FC<Props> = ({
|
||||
const language = getLanguage(locale)
|
||||
const [credentialsModalShow, setCredentialsModalShow] = useState(false)
|
||||
const [tempCredential, setTempCredential] = React.useState<Credential>(customCollection.credentials)
|
||||
const [testing, setTesting] = useState(false)
|
||||
const [result, setResult] = useState<string>('')
|
||||
const { operation_id: toolName, parameters } = tool
|
||||
const [parametersValue, setParametersValue] = useState<Record<string, string>>({})
|
||||
const handleTest = async () => {
|
||||
if (testing) return
|
||||
setTesting(true)
|
||||
// clone test schema
|
||||
const credentials = JSON.parse(JSON.stringify(tempCredential)) as Credential
|
||||
if (credentials.auth_type === AuthType.none) {
|
||||
@@ -52,6 +55,7 @@ const TestApi: FC<Props> = ({
|
||||
}
|
||||
const res = await testAPIAvailable(data) as any
|
||||
setResult(res.error || res.result)
|
||||
setTesting(false)
|
||||
}
|
||||
|
||||
return (
|
||||
@@ -107,7 +111,7 @@ const TestApi: FC<Props> = ({
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<Button variant='primary' className=' mt-4 h-10 w-full' onClick={handleTest}>{t('tools.test.title')}</Button>
|
||||
<Button variant='primary' className=' mt-4 h-10 w-full' loading={testing} disabled={testing} onClick={handleTest}>{t('tools.test.title')}</Button>
|
||||
<div className='mt-6'>
|
||||
<div className='flex items-center space-x-3'>
|
||||
<div className='system-xs-semibold text-text-tertiary'>{t('tools.test.testResult')}</div>
|
||||
|
Reference in New Issue
Block a user