diff --git a/web/app/components/plugins/plugin-auth/authorize/oauth-client-settings.tsx b/web/app/components/plugins/plugin-auth/authorize/oauth-client-settings.tsx index 6f80570627..12095cb8e2 100644 --- a/web/app/components/plugins/plugin-auth/authorize/oauth-client-settings.tsx +++ b/web/app/components/plugins/plugin-auth/authorize/oauth-client-settings.tsx @@ -4,6 +4,7 @@ import { useRef, useState, } from 'react' +import { RiExternalLinkLine } from '@remixicon/react' import { useForm, useStore, @@ -24,6 +25,7 @@ import type { } from '@/app/components/base/form/types' import { useToastContext } from '@/app/components/base/toast' import Button from '@/app/components/base/button' +import { useRenderI18nObject } from '@/hooks/use-i18n' type OAuthClientSettingsProps = { pluginPayload: PluginPayload @@ -127,6 +129,8 @@ const OAuthClientSettings = ({ defaultValues: editValues || defaultValues, }) const __oauth_client__ = useStore(form.store, s => s.values.__oauth_client__) + const helpField = schemas.find(schema => schema.url && schema.help) + const renderI18nObject = useRenderI18nObject() return ( - + <> + + { + helpField && __oauth_client__ === 'custom' && ( + + {renderI18nObject(helpField?.help as any)} + + + )} + ) }