update

web/app/components/datasets/create/website/base/url-input.tsx

@@ -4,6 +4,7 @@ import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Input from './input'
 import Button from '@/app/components/base/button'
+import { useDocLink } from '@/context/i18n'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -17,6 +18,7 @@ const UrlInput: FC<Props> = ({
   onRun,
 }) => {
   const { t } = useTranslation()
+  const docLink = useDocLink()
   const [url, setUrl] = useState('')
   const handleUrlChange = useCallback((url: string | number) => {
     setUrl(url as string)
@@ -32,7 +34,7 @@ const UrlInput: FC<Props> = ({
       <Input
         value={url}
         onChange={handleUrlChange}
-        placeholder='https://docs.dify.ai'
+        placeholder={docLink()}
       />
       <Button
         variant='primary'

web/app/components/datasets/create/website/jina-reader/base/url-input.tsx

@@ -4,6 +4,7 @@ import React, { useCallback, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Input from './input'
 import Button from '@/app/components/base/button'
+import { useDocLink } from '@/context/i18n'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -17,6 +18,7 @@ const UrlInput: FC<Props> = ({
   onRun,
 }) => {
   const { t } = useTranslation()
+  const docLink = useDocLink()
   const [url, setUrl] = useState('')
   const handleUrlChange = useCallback((url: string | number) => {
     setUrl(url as string)
@@ -32,7 +34,7 @@ const UrlInput: FC<Props> = ({
       <Input
         value={url}
         onChange={handleUrlChange}
-        placeholder='https://docs.dify.ai'
+        placeholder={docLink()}
       />
       <Button
         variant='primary'

web/context/i18n.ts

@@ -36,12 +36,13 @@ export const useGetPricingPageLanguage = () => {
 }
 
 const defaultDocBaseUrl = 'https://docs.dify.ai'
-export const useDocLink = (baseUrl?: string): ((path: string, pathMap?: { [index: string]: string }) => string) => {
+export const useDocLink = (baseUrl?: string): ((path?: string, pathMap?: { [index: string]: string }) => string) => {
     const { locale } = useI18N()
-    return (path: string, pathMap?: { [index: string]: string }): string => {
+    return (path?: string, pathMap?: { [index: string]: string }): string => {
+        const pathUrl = path || ''
         const baseDocUrl = baseUrl || defaultDocBaseUrl
         const docLanguage = getDocLanguage(locale)
-        const targetPath = (pathMap !== undefined) ? pathMap[locale] || path : path
+        const targetPath = (pathMap !== undefined) ? pathMap[locale] || pathUrl : pathUrl
         return (targetPath.startsWith('/')) ? `${baseDocUrl}/${docLanguage}${targetPath}` : `${baseDocUrl}/${docLanguage}/${targetPath}`
     }
 }