Feat: Bind data to datasets page #3221 (#4938)

### What problem does this PR solve?

Feat: Bind data to datasets page #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/hooks/document-hooks.ts

@@ -16,6 +16,7 @@ import { UploadFile, message } from 'antd';
 import { get } from 'lodash';
 import { useCallback, useMemo, useState } from 'react';
 import { IHighlight } from 'react-pdf-highlighter';
+import { useParams } from 'umi';
 import {
   useGetPaginationWithRouter,
   useHandleSearchChange,
@@ -61,6 +62,7 @@ export const useFetchNextDocumentList = () => {
   const { knowledgeId } = useGetKnowledgeSearchParams();
   const { searchString, handleInputChange } = useHandleSearchChange();
   const { pagination, setPagination } = useGetPaginationWithRouter();
+  const { id } = useParams();
 
   const { data, isFetching: loading } = useQuery<{
     docs: IDocumentInfo[];
@@ -69,9 +71,10 @@ export const useFetchNextDocumentList = () => {
     queryKey: ['fetchDocumentList', searchString, pagination],
     initialData: { docs: [], total: 0 },
     refetchInterval: 15000,
+    enabled: !!knowledgeId || !!id,
     queryFn: async () => {
       const ret = await kbService.get_document_list({
-        kb_id: knowledgeId,
+        kb_id: knowledgeId || id,
         keywords: searchString,
         page_size: pagination.pageSize,
         page: pagination.current,

web/src/hooks/logic-hooks/navigate-hooks.ts

@@ -9,9 +9,12 @@ export const useNavigatePage = () => {
     navigate(Routes.Datasets);
   }, [navigate]);
 
-  const navigateToDataset = useCallback(() => {
-    navigate(Routes.Dataset);
-  }, [navigate]);
+  const navigateToDataset = useCallback(
+    (id: string) => () => {
+      navigate(`${Routes.Dataset}/${id}`);
+    },
+    [navigate],
+  );
 
   const navigateToHome = useCallback(() => {
     navigate(Routes.Home);