|
|
@@ -2,13 +2,15 @@ import React from 'react'; |
|
|
|
import Card from 'react-bootstrap/Card'; |
|
|
|
import { useAutoFocus } from '../../hooks/FocusedElement'; |
|
|
|
import { Placeholder } from 'react-bootstrap'; |
|
|
|
import JobTags from './JobTags'; |
|
|
|
|
|
|
|
export type Props = { |
|
|
|
heading?: string, |
|
|
|
position: string, |
|
|
|
timerange: string, |
|
|
|
company: string, |
|
|
|
description: string |
|
|
|
description: string, |
|
|
|
tags?: string[] |
|
|
|
}; |
|
|
|
|
|
|
|
export function JobCardPlaceholder() { |
|
|
@@ -38,6 +40,7 @@ export default function JobCard(props: Props) { |
|
|
|
<span className='company-name'>{props.company}</span>, <span className='timerange'>{props.timerange}</span> |
|
|
|
</Card.Subtitle> |
|
|
|
<Card.Text className='multiline'>{props.description}</Card.Text> |
|
|
|
{props.tags && <JobTags tags={props.tags} />} |
|
|
|
</Card.Body> |
|
|
|
</Card> |
|
|
|
); |
|
|
|