|
|
@@ -1,7 +1,7 @@ |
|
|
|
|
|
|
|
import React from 'react'; |
|
|
|
import Container from 'react-bootstrap/Container'; |
|
|
|
import useSize from '../../hooks/Size'; |
|
|
|
import useInWidthRange from '../../hooks/InWidthRange'; |
|
|
|
import { JobListProps } from './types'; |
|
|
|
import JobsAccordion from './JobsAccordion'; |
|
|
|
import JobsCards, { JobsCardsPlaceholder } from './JobsCards'; |
|
|
@@ -10,16 +10,11 @@ export type Props = { |
|
|
|
heading: string, |
|
|
|
} & JobListProps |
|
|
|
|
|
|
|
const defaultProps = { |
|
|
|
entriesPerRow: 2, |
|
|
|
currentHeading: 'Currently', |
|
|
|
} |
|
|
|
|
|
|
|
export default function JobHistory(props: Props) { |
|
|
|
const {SizeWrapper, size} = useSize() |
|
|
|
|
|
|
|
const jobsList = size.width === 0 ? <JobsCardsPlaceholder /> : ( |
|
|
|
size.width < 600 ? <JobsAccordion {...props} /> : <JobsCards {...props} />) |
|
|
|
const {SizeWrapper, inRange} = useInWidthRange(600) |
|
|
|
|
|
|
|
const jobsList = inRange === undefined ? <JobsCardsPlaceholder /> : ( |
|
|
|
inRange ? <JobsAccordion {...props} /> : <JobsCards {...props} />) |
|
|
|
|
|
|
|
return ( |
|
|
|
<Container> |
|
|
|