Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-05 22:38:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

PDF url null check added (#3142)

Browse source
This commit is contained in:
Kavin Venkatachalam 2022-05-30 14:06:10 +05:30 committed by GitHub
parent 30a4dc9949
commit 7a419796e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
frontend/src/Editor/Components/PDF.jsx
View file

@ -46,46 +46,45 @@ export const PDF = React.memo(({ styles, properties, width, height }) => {
[pageNumber]
);
const renderPDF = () => (
<Document file={url} onLoadSuccess={onDocumentLoadSuccess} className="pdf-document">
{Array.from(new Array(numPages), (el, index) => (
<Page
pageNumber={index + 1}
width={scale ? width - 12 : undefined}
height={scale ? undefined : height}
key={`page_${index + 1}`}
inputRef={(el) => (pageRef.current[index] = el)}
/>
))}
{pageControls && (
<>
<div className="pdf-page-controls">
<button disabled={pageNumber <= 1} onClick={() => updatePage(-1)} type="button" aria-label="Previous page">
‹
</button>
<span>
{pageNumber} of {numPages}
</span>
<button
disabled={pageNumber >= numPages}
onClick={() => updatePage(1)}
type="button"
aria-label="Next page"
>
›
</button>
</div>
</>
)}
</Document>
);
return (
<div style={{ display: visibility ? 'flex' : 'none', width: width - 3, height }}>
<div className="d-flex position-relative h-100" style={{ margin: '0 auto', overflow: 'hidden' }}>
<div className="scrollable h-100 col position-relative" id="pdf-wrapper">
<Document file={url} onLoadSuccess={onDocumentLoadSuccess} className="pdf-document">
{Array.from(new Array(numPages), (el, index) => (
<Page
pageNumber={index + 1}
width={scale ? width - 12 : undefined}
height={scale ? undefined : height}
key={`page_${index + 1}`}
inputRef={(el) => (pageRef.current[index] = el)}
/>
))}
{pageControls && (
<>
<div className="pdf-page-controls">
<button
disabled={pageNumber <= 1}
onClick={() => updatePage(-1)}
type="button"
aria-label="Previous page"
>
‹
</button>
<span>
{pageNumber} of {numPages}
</span>
<button
disabled={pageNumber >= numPages}
onClick={() => updatePage(1)}
type="button"
aria-label="Next page"
>
›
</button>
</div>
</>
)}
</Document>
{url === '' ? 'No PDF file specified' : renderPDF()}
</div>
</div>
</div>