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 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 | import React, { Component } from 'react';
import { connect } from 'react-redux';
import moment from 'moment';
import BadgeContainer from '../BadgeContainer';
import PDFResume from '../../components/PDFResume';
import resume from '../../components/PDFResume/Mauro Colella_Resume_2020.pdf';
import globalStyles from '../../assets/styles/page.scss';
import styles from './ResumePage.scss';
class ResumePage extends Component {
static propTypes = {};
constructor(props) {
super(props);
this.state = {
printTarget: btoa('mcl_resume_print'),
};
}
lastModified = () => moment('2020/03/27').format('LL');
render() {
const title = 'Resume';
const { printTarget } = this.state;
return (
<main className={globalStyles.page}>
<header
className={`${globalStyles.page__header} ${styles['page__header--with-tools']}`}
>
<div>
<small className={globalStyles.lastModified}>
Last modified:
{' '}
{this.lastModified()}
</small>
<h2 className={globalStyles.page__title}>{title}</h2>
</div>
<aside className={styles.toolbox}>
<a
href={resume}
target={printTarget}
className={styles.toolbox__tool}
>
<i className="material-icons">print</i>
</a>
</aside>
</header>
<article className={globalStyles.article}>
<h5>Achievements</h5>
<BadgeContainer />
</article>
<article style={{ width: '100%' }}>
<h5>Outline</h5>
<PDFResume />
<aside className={`${styles.toolbox} ${styles['toolbox-footer']}`}>
<a
href={resume}
target={printTarget}
className={styles.toolbox__tool}
>
<i className="material-icons">print</i>
</a>
</aside>
</article>
</main>
);
}
}
const mapStateToProps = (state, ownProps) => {
const { slug } = ownProps.match.params;
return {
slug,
};
};
const mapDispatchToProps = () => ({});
export default connect(mapStateToProps, mapDispatchToProps)(ResumePage);
|