jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
54 lines (51 loc) • 3.06 kB
JavaScript
import React__default from 'react';
import Spacing from '../../../02-atoms/06-layout/07-spacing/index.js';
import { BriefcaseIcon } from '../../../../icons/Briefcase.js';
import { CalendarIcon } from '../../../../icons/Calendar.js';
import { OfficeIcon } from '../../../../icons/Office.js';
import { TagsIcon } from '../../../../icons/Tags.js';
import { Wrapper, ListItem, ListItemIcon, EditButton, AddButton, ListItemWrapper, InfoLabel, StyledInfoIcon } from '../styles/index.js';
import StringJoiner from '../../../02-atoms/13-text/01-string-joiner/index.js';
/**
* @file index.tsx
*
* @fileoverview Shows the users work experience.
*/
const WorkXP = ({ company, title, employmentType, occupation, timePeriod, location, summary }) => (React__default.createElement(ListItemWrapper, null,
React__default.createElement("div", null,
title && React__default.createElement("strong", null, title),
" ",
company && React__default.createElement("span", null,
"at ",
company)),
company && location && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(OfficeIcon, { width: "15", height: "15", title: "Institution" })),
React__default.createElement("strong", null, company),
"\u00A0",
location && `in ${location}`,
"\u00A0|\u00A0",
employmentType && React__default.createElement(StringJoiner, { items: employmentType }))),
timePeriod && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(CalendarIcon, { width: "15", height: "15", title: "Dates" })),
timePeriod)),
occupation && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(TagsIcon, { width: "15", height: "15", title: "Occupations" })),
React__default.createElement(StringJoiner, { items: occupation }))),
summary && (React__default.createElement(React__default.Fragment, null,
React__default.createElement(Spacing, { size: "medium" }),
summary))));
/**
* Shows a list of an applicant's past work experience.
* Used to display on a resume page.
*/
const WorkXPList = ({ workXP, OnClickElement, OnItemClickElement }) => (React__default.createElement(Wrapper, null,
workXP.map((xp, idx) => (React__default.createElement(ListItem, { key: idx },
React__default.createElement(ListItemIcon, null,
React__default.createElement(BriefcaseIcon, { color: "gray3", width: "30", height: "30", title: "Work experience" })),
React__default.createElement(WorkXP, Object.assign({}, xp)),
OnItemClickElement && (React__default.createElement(EditButton, null, OnItemClickElement(xp.id)))))),
OnClickElement && React__default.createElement(AddButton, null, OnClickElement)));
export { WorkXP, WorkXPList };