51 lines
1.1 KiB
TypeScript
51 lines
1.1 KiB
TypeScript
import React, {useState, useEffect} from 'react';
|
|
|
|
interface DownloadCVProps {
|
|
windowSize: number;
|
|
}
|
|
|
|
/**
|
|
* @return {jsx} a presentation of me
|
|
*/
|
|
export default function DownloadCV({windowSize}: DownloadCVProps) {
|
|
const [topClass, setTopClass] = useState('');
|
|
const [bottomClass, setBottomClass] = useState('');
|
|
|
|
useEffect(() => {
|
|
if (window.innerWidth > 1200) {
|
|
setTopClass('btn-lg mb-3');
|
|
setBottomClass('btn-lg mt-3');
|
|
} else {
|
|
setTopClass('mb-1');
|
|
setBottomClass('mt-1');
|
|
}
|
|
}, [windowSize]);
|
|
|
|
|
|
return (
|
|
<div
|
|
className='
|
|
tile-child d-flex
|
|
flex-column
|
|
align-items-center
|
|
justify-content-center'
|
|
id='downloadcv'>
|
|
<a
|
|
href='/static/pdfs/Resume_Gaetan_Brochard_2023.pdf'
|
|
download
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
className={'d-inline btn btn-mine ' + topClass}>
|
|
Download my Resume (FR)
|
|
</a>
|
|
<a
|
|
/* eslint-disable */
|
|
href='https://www.ouest-france.fr/bretagne/arzal-56190/arzal-gaetan-brochard-propose-une-deambulation-numerique-6949455'
|
|
/* eslint-enable */
|
|
className={'d-inline btn btn-mine ' + bottomClass}>
|
|
Newspaper Article
|
|
</a>
|
|
</div>
|
|
);
|
|
};
|