All files / src/components/PDFResume PDFResume.jsx

0% Statements 0/6
100% Branches 0/0
0% Functions 0/3
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41                                                                                 
import React, { Component } from 'react';
import { Document, Page } from 'react-pdf/dist/entry.webpack';
import resume from './Mauro Colella_Resume_2020.pdf';
 
import Loader from '../Loader';
import styles from './PDFResume.scss';
 
class PDFResume extends Component {
  state = {
    numPages: null,
  }
 
  onDocumentLoadSuccess = ({ numPages }) => {
    this.setState({ numPages });
  }
 
  render() {
    const { numPages } = this.state;
 
    return (
      <div>
        <Document
          file={resume}
          onLoadSuccess={this.onDocumentLoadSuccess}
          loading={<Loader />}
        >
          {[...Array(numPages).keys()].map(pageNumber => (
            <Page
              className={styles.document__page}
              pageNumber={pageNumber + 1}
              loading={<Loader />}
            />
          ))}
        </Document>
      </div>
    );
  }
}
 
export default PDFResume;