CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-12-11 14:32:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: integrate react-pdf-viewer for PDF display (#1112)

Browse Source
This commit is contained in:
aleensd
2024-11-21 12:15:25 +02:00
committed by GitHub
parent 5a1e4f25ed
commit cf93a77802
32 changed files with 33602 additions and 10938 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/static/js/components/media-viewer/PdfViewer.js
View File

@@ -1,15 +1,18 @@
import React from 'react';
import { Worker, Viewer } from '@react-pdf-viewer/core';
import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';
export default function PdfViewer() {
import '@react-pdf-viewer/core/lib/styles/index.css'
import '@react-pdf-viewer/default-layout/lib/styles/index.css';
export default function PdfViewer({ fileUrl }) {
const defaultLayoutPluginInstance = defaultLayoutPlugin();
return (
<div className="player-container viewer-pdf-container">
<div className="player-container-inner">
<span>
<span>
<i className="material-icons">insert_drive_file</i>
</span>
</span>
<div className='pdf-container'>
<Worker workerUrl="https://unpkg.com/pdfjs-dist@3.4.120/build/pdf.worker.min.js">
<Viewer fileUrl={fileUrl} plugins={[defaultLayoutPluginInstance]} />
</Worker>
</div>
</div>
);
}