pengjunjie/ragflow
1
0
Fork 1
mirror of https://github.com/infiniflow/ragflow.git synced 2025-12-21 05:16:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fetch file list by react-query #1306 (#1640)

Browse Source 
### What problem does this PR solve?

fix: fetch file list by react-query #1306 

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
This commit is contained in:
balibabu
2024-07-22 19:29:20 +08:00
committed by GitHub
parent ac7a0d4fbf
commit bf2ea04d02
4 changed files with 134 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/pages/file-manager/file-toolbar.tsx
View File

@ -19,17 +19,19 @@ import {
} from 'antd';
import { useMemo } from 'react';
import {
useFetchDocumentListOnMount,
useHandleBreadcrumbClick,
useHandleDeleteFile,
useHandleSearchChange,
useSelectBreadcrumbItems,
} from './hooks';
import { useSelectParentFolderList } from '@/hooks/file-manager-hooks';
import {
IListResult,
useSelectParentFolderList,
} from '@/hooks/file-manager-hooks';
import styles from './index.less';
interface IProps {
interface IProps
extends Pick<IListResult, 'searchString' | 'handleInputChange'> {
selectedRowKeys: string[];
showFolderCreateModal: () => void;
showFileUploadModal: () => void;
@ -41,10 +43,10 @@ const FileToolbar = ({
showFolderCreateModal,
showFileUploadModal,
setSelectedRowKeys,
searchString,
handleInputChange,
}: IProps) => {
const { t } = useTranslate('knowledgeDetails');
useFetchDocumentListOnMount();
const { handleInputChange, searchString } = useHandleSearchChange();
const breadcrumbItems = useSelectBreadcrumbItems();
const { handleBreadcrumbClick } = useHandleBreadcrumbClick();
const parentFolderList = useSelectParentFolderList();

14
web/src/pages/file-manager/index.tsx
View File

@ -1,4 +1,4 @@
import { useSelectFileList } from '@/hooks/file-manager-hooks';
import { useFetchNextFileList } from '@/hooks/file-manager-hooks';
import { IFile } from '@/interfaces/database/file-manager';
import { formatDate } from '@/utils/date';
import { Button, Flex, Space, Table, Tag, Typography } from 'antd';
@ -6,7 +6,6 @@ import { ColumnsType } from 'antd/es/table';
import ActionCell from './action-cell';
import FileToolbar from './file-toolbar';
import {
useGetFilesPagination,
useGetRowSelection,
useHandleConnectToKnowledge,
useHandleCreateFolder,
@ -30,7 +29,7 @@ const { Text } = Typography;
const FileManager = () => {
const { t } = useTranslate('fileManager');
const fileList = useSelectFileList();
// const fileList = useSelectFileList();
const { rowSelection, setSelectedRowKeys } = useGetRowSelection();
const loading = useSelectFileListLoading();
const navigateToOtherFolder = useNavigateToOtherFolder();
@ -64,8 +63,9 @@ const FileManager = () => {
initialValue,
connectToKnowledgeLoading,
} = useHandleConnectToKnowledge();
const { pagination } = useGetFilesPagination();
// const { pagination } = useGetFilesPagination();
const { pagination, data, searchString, handleInputChange } =
useFetchNextFileList();
const columns: ColumnsType<IFile> = [
{
title: t('name'),
@ -151,13 +151,15 @@ const FileManager = () => {
return (
<section className={styles.fileManagerWrapper}>
<FileToolbar
searchString={searchString}
handleInputChange={handleInputChange}
selectedRowKeys={rowSelection.selectedRowKeys as string[]}
showFolderCreateModal={showFolderCreateModal}
showFileUploadModal={showFileUploadModal}
setSelectedRowKeys={setSelectedRowKeys}
></FileToolbar>
<Table
dataSource={fileList}
dataSource={data?.files}
columns={columns}
rowKey={'id'}
rowSelection={rowSelection}