jobiqo-cl/lib/src/components/03-molecules/06-resume/04-work_xp/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var index = require('../../../02-atoms/06-layout/07-spacing/index.js');
var Briefcase = require('../../../../icons/Briefcase.js');
var Calendar = require('../../../../icons/Calendar.js');
var Office = require('../../../../icons/Office.js');
var Tags = require('../../../../icons/Tags.js');
var index$1 = require('../styles/index.js');
var index$2 = require('../../../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(index$1.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(index$1.InfoLabel, null,
        React__default.createElement(index$1.StyledInfoIcon, null,
            React__default.createElement(Office.OfficeIcon, { width: "15", height: "15", title: "Institution" })),
        React__default.createElement("strong", null, company),
        "\u00A0",
        location && `in ${location}`,
        "\u00A0|\u00A0",
        employmentType && React__default.createElement(index$2.default, { items: employmentType }))),
    timePeriod && (React__default.createElement(index$1.InfoLabel, null,
        React__default.createElement(index$1.StyledInfoIcon, null,
            React__default.createElement(Calendar.CalendarIcon, { width: "15", height: "15", title: "Dates" })),
        timePeriod)),
    occupation && (React__default.createElement(index$1.InfoLabel, null,
        React__default.createElement(index$1.StyledInfoIcon, null,
            React__default.createElement(Tags.TagsIcon, { width: "15", height: "15", title: "Occupations" })),
        React__default.createElement(index$2.default, { items: occupation }))),
    summary && (React__default.createElement(React__default.Fragment, null,
        React__default.createElement(index.default, { 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(index$1.Wrapper, null,
    workXP.map((xp, idx) => (React__default.createElement(index$1.ListItem, { key: idx },
        React__default.createElement(index$1.ListItemIcon, null,
            React__default.createElement(Briefcase.BriefcaseIcon, { color: "gray3", width: "30", height: "30", title: "Work experience" })),
        React__default.createElement(WorkXP, Object.assign({}, xp)),
        OnItemClickElement && (React__default.createElement(index$1.EditButton, null, OnItemClickElement(xp.id)))))),
    OnClickElement && React__default.createElement(index$1.AddButton, null, OnClickElement)));

exports.WorkXP = WorkXP;
exports.WorkXPList = WorkXPList;