mirror of
https://github.com/infiniflow/ragflow.git
synced 2026-02-03 00:55:10 +08:00
8a09f07186
### What problem does this PR solve? feat: Added UI functions related to data-flow knowledge base #3221 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
26 lines
599 B
TypeScript
26 lines
599 B
TypeScript
import { useFetchExcel } from '@/pages/document-viewer/hooks';
|
|
import classNames from 'classnames';
|
|
|
|
interface ExcelCsvPreviewerProps {
|
|
className?: string;
|
|
url: string;
|
|
}
|
|
|
|
export const ExcelCsvPreviewer: React.FC<ExcelCsvPreviewerProps> = ({
|
|
className,
|
|
url,
|
|
}) => {
|
|
// const url = useGetDocumentUrl();
|
|
const { containerRef } = useFetchExcel(url);
|
|
|
|
return (
|
|
<div
|
|
ref={containerRef}
|
|
className={classNames(
|
|
'relative w-full h-full p-4 bg-background-paper border border-border-normal rounded-md excel-csv-previewer',
|
|
className,
|
|
)}
|
|
></div>
|
|
);
|
|
};
|