From 6440be9f3524578c669eadcc3329d0b661d76395 Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Tue, 16 Sep 2025 11:38:29 +0800
Subject: [PATCH] feat: Update documentation links in OnlineDocuments,
 OnlineDrive, and WebsiteCrawl components for improved localization support

---
 .../data-source/online-documents/index.tsx                  | 6 ++++--
 .../create-from-pipeline/data-source/online-drive/index.tsx | 6 ++++--
 .../data-source/website-crawl/index.tsx                     | 6 ++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
index 92fe6f2e19..f5cbac909d 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-documents/index.tsx
@@ -15,6 +15,7 @@ import { useModalContextSelector } from '@/context/modal-context'
 import Title from './title'
 import { useGetDataSourceAuth } from '@/service/use-datasource'
 import Loading from '@/app/components/base/loading'
+import { useDocLink } from '@/context/i18n'
 
 type OnlineDocumentsProps = {
   isInPipeline?: boolean
@@ -29,6 +30,7 @@ const OnlineDocuments = ({
   isInPipeline = false,
   onCredentialChange,
 }: OnlineDocumentsProps) => {
+  const docLink = useDocLink()
   const pipelineId = useDatasetDetailContextWithSelector(s => s.dataset?.pipeline_id)
   const setShowAccountSettingModal = useModalContextSelector(s => s.setShowAccountSettingModal)
   const {
@@ -125,8 +127,8 @@ const OnlineDocuments = ({
   return (
     <div className='flex flex-col gap-y-2'>
       <Header
-        docTitle='How to use?'
-        docLink='https://docs.dify.ai'
+        docTitle='Docs'
+        docLink={docLink('/guides/knowledge-base/knowledge-pipeline/authorize-data-source')}
         onClickConfiguration={handleSetting}
         pluginName={nodeData.datasource_label}
         currentCredentialId={currentCredentialId}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.tsx
index 75656162df..f7777895e8 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/online-drive/index.tsx
@@ -14,6 +14,7 @@ import produce from 'immer'
 import { useShallow } from 'zustand/react/shallow'
 import { useModalContextSelector } from '@/context/modal-context'
 import { useGetDataSourceAuth } from '@/service/use-datasource'
+import { useDocLink } from '@/context/i18n'
 
 type OnlineDriveProps = {
   nodeId: string
@@ -28,6 +29,7 @@ const OnlineDrive = ({
   isInPipeline = false,
   onCredentialChange,
 }: OnlineDriveProps) => {
+  const docLink = useDocLink()
   const [isInitialMount, setIsInitialMount] = useState(true)
   const pipelineId = useDatasetDetailContextWithSelector(s => s.dataset?.pipeline_id)
   const setShowAccountSettingModal = useModalContextSelector(s => s.setShowAccountSettingModal)
@@ -185,8 +187,8 @@ const OnlineDrive = ({
   return (
     <div className='flex flex-col gap-y-2'>
       <Header
-        docTitle='Online Drive Docs'
-        docLink='https://docs.dify.ai/'
+        docTitle='Docs'
+        docLink={docLink('/guides/knowledge-base/knowledge-pipeline/authorize-data-source')}
         onClickConfiguration={handleSetting}
         pluginName={nodeData.datasource_label}
         currentCredentialId={currentCredentialId}
diff --git a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
index 4d39378e53..c46cbdf0f1 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/data-source/website-crawl/index.tsx
@@ -25,6 +25,7 @@ import { useDataSourceStore, useDataSourceStoreWithSelector } from '../store'
 import { useShallow } from 'zustand/react/shallow'
 import { useModalContextSelector } from '@/context/modal-context'
 import { useGetDataSourceAuth } from '@/service/use-datasource'
+import { useDocLink } from '@/context/i18n'
 
 const I18N_PREFIX = 'datasetCreation.stepOne.website'
 
@@ -42,6 +43,7 @@ const WebsiteCrawl = ({
   onCredentialChange,
 }: WebsiteCrawlProps) => {
   const { t } = useTranslation()
+  const docLink = useDocLink()
   const [totalNum, setTotalNum] = useState(0)
   const [crawledNum, setCrawledNum] = useState(0)
   const [crawlErrorMessage, setCrawlErrorMessage] = useState('')
@@ -151,8 +153,8 @@ const WebsiteCrawl = ({
   return (
     <div className='flex flex-col'>
       <Header
-        docTitle='How to use?'
-        docLink='https://docs.dify.ai'
+        docTitle='Docs'
+        docLink={docLink('/guides/knowledge-base/knowledge-pipeline/authorize-data-source')}
         onClickConfiguration={handleSetting}
         pluginName={nodeData.datasource_label}
         currentCredentialId={currentCredentialId}