mirror of
https://github.com/infiniflow/ragflow.git
synced 2026-01-04 03:25:30 +08:00
5d0981d046
### What problem does this PR solve? Refactoring: Integrating the file preview component ### Type of change - [x] Refactoring
27 lines
643 B
TypeScript
27 lines
643 B
TypeScript
// import { useFetchExcel } from '@/pages/document-viewer/hooks';
|
|
import classNames from 'classnames';
|
|
import { useFetchExcel } from './hooks';
|
|
|
|
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>
|
|
);
|
|
};
|