From 766f697f83492bdc7fe3a7f927c5596759d736eb Mon Sep 17 00:00:00 2001
From: twwu <twwu@dify.ai>
Date: Fri, 13 Dec 2024 10:30:48 +0800
Subject: [PATCH] feat: navigate to document detail on selection in
 DocumentPicker

---
 web/app/components/datasets/documents/detail/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/app/components/datasets/documents/detail/index.tsx b/web/app/components/datasets/documents/detail/index.tsx
index ff75af1435..8a0b2782a0 100644
--- a/web/app/components/datasets/documents/detail/index.tsx
+++ b/web/app/components/datasets/documents/detail/index.tsx
@@ -53,9 +53,9 @@ type DocumentTitleProps = {
 }
 
 export const DocumentTitle: FC<DocumentTitleProps> = ({ datasetId, extension, name, processMode, parent_mode, wrapperCls }) => {
+  const router = useRouter()
   return (
     <div className={cn('flex items-center justify-start flex-1 cursor-pointer', wrapperCls)}>
-      {/* // todo: handle file change */}
       <DocumentPicker
         datasetId={datasetId}
         value={{
@@ -64,7 +64,9 @@ export const DocumentTitle: FC<DocumentTitleProps> = ({ datasetId, extension, na
           processMode,
           parentMode: parent_mode,
         }}
-        onChange={(doc) => { console.log(doc) }}
+        onChange={(doc) => {
+          router.push(`/datasets/${datasetId}/documents/${doc.id}`)
+        }}
       />
     </div>
   )