2019-08-11 21:47:22 +02:00
|
|
|
import React from 'react'
|
|
|
|
import shortid from 'shortid'
|
2020-04-08 23:20:24 +02:00
|
|
|
import SEO from '../components/atoms/SEO'
|
|
|
|
import { useResume } from '../hooks/use-resume'
|
2021-03-12 23:47:28 +01:00
|
|
|
import { resume } from './resume.module.css'
|
2020-04-08 23:20:24 +02:00
|
|
|
import Header from '../components/pages/Resume/Header'
|
|
|
|
import ResumeSection from '../components/pages/Resume/ResumeSection'
|
2019-08-11 21:47:22 +02:00
|
|
|
|
|
|
|
export default function Resume() {
|
2019-11-19 23:25:49 +01:00
|
|
|
const { education, work, awards } = useResume()
|
2020-04-08 22:11:29 +02:00
|
|
|
const items = [
|
|
|
|
{ content: work, name: 'Work', icon: 'Briefcase' },
|
|
|
|
{ content: awards, name: 'Awards', icon: 'Award' },
|
|
|
|
{ content: education, name: 'Education', icon: 'BookOpen' }
|
|
|
|
]
|
2019-08-11 21:47:22 +02:00
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
|
|
|
<SEO />
|
|
|
|
|
2021-03-12 23:47:28 +01:00
|
|
|
<div className={resume}>
|
2019-11-19 23:25:49 +01:00
|
|
|
<Header />
|
2019-08-11 21:47:22 +02:00
|
|
|
|
2020-04-08 22:11:29 +02:00
|
|
|
{items.map((item) => (
|
|
|
|
<ResumeSection key={shortid.generate()} section={item} />
|
|
|
|
))}
|
2019-08-11 21:47:22 +02:00
|
|
|
</div>
|
|
|
|
</>
|
|
|
|
)
|
|
|
|
}
|