|
|
@@ -5,7 +5,6 @@ import Col from 'react-bootstrap/Col'; |
|
|
|
import Row from 'react-bootstrap/Row'; |
|
|
|
import JobCard from './JobCard'; |
|
|
|
import { usePersonContext } from './PersonContext'; |
|
|
|
import { Job } from '../../PersonalDataTypes'; |
|
|
|
import { partition } from '../utils'; |
|
|
|
|
|
|
|
const entriesPerRow = 2 |
|
|
@@ -13,20 +12,13 @@ const entriesPerRow = 2 |
|
|
|
export default function JobsHistory() { |
|
|
|
const person = usePersonContext() |
|
|
|
|
|
|
|
function JobEntry(job: Job, heading?: string) { |
|
|
|
return <JobCard |
|
|
|
heading={heading} |
|
|
|
{...job} |
|
|
|
/> |
|
|
|
} |
|
|
|
|
|
|
|
return ( |
|
|
|
<Container> |
|
|
|
<h2>Experience</h2> |
|
|
|
{person.jobs.current && ( |
|
|
|
<Row> |
|
|
|
<Col> |
|
|
|
{JobEntry(person.jobs.current, 'Current position')} |
|
|
|
<JobCard heading={'Current position'} {...person.jobs.current} /> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
)} |
|
|
@@ -34,11 +26,11 @@ export default function JobsHistory() { |
|
|
|
<Row key={index}> |
|
|
|
{(jobs.map((job, subindex) => ( |
|
|
|
<Col key={index + '_' + subindex}> |
|
|
|
{JobEntry(job)} |
|
|
|
<JobCard {...job} /> |
|
|
|
</Col> |
|
|
|
)))} |
|
|
|
</Row> |
|
|
|
))} |
|
|
|
))} |
|
|
|
</Container> |
|
|
|
) |
|
|
|
} |