jobiqo-cl/lib/src/components/03-molecules/06-resume/03-education/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 Calendar = require('../../../../icons/Calendar.js');
var GraduationCap = require('../../../../icons/GraduationCap.js');
var MapMarker = require('../../../../icons/MapMarker.js');
var Office = require('../../../../icons/Office.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 Education list.
 */
const Study = ({ degree, fieldOfStudy }) => {
    if (fieldOfStudy && fieldOfStudy.length > 0) {
        return (React__default.createElement("div", null,
            React__default.createElement("strong", null, degree),
            ", ",
            React__default.createElement(index$2.default, { items: fieldOfStudy })));
    }
    return (React__default.createElement("div", null,
        React__default.createElement("strong", null, degree)));
};
const Education = ({ degree, institution, timePeriod, location, fieldOfStudy, summary }) => (React__default.createElement(index$1.ListItemWrapper, null,
    degree && React__default.createElement(Study, { degree: degree, fieldOfStudy: fieldOfStudy }),
    institution && (React__default.createElement(index$1.InfoLabel, null,
        React__default.createElement(index$1.StyledInfoIcon, null,
            React__default.createElement(Office.OfficeIcon, { width: "15", height: "15", title: "Dates" })),
        institution)),
    (location || timePeriod) && (React__default.createElement(index$1.MultiInfoWrapper, null,
        location && (React__default.createElement(index$1.InfoLabel, null,
            React__default.createElement(index$1.StyledInfoIcon, null,
                React__default.createElement(MapMarker.MapMarkerIcon, { width: "15", height: "15", title: "Dates" })),
            location)),
        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)))),
    summary && (React__default.createElement(React__default.Fragment, null,
        React__default.createElement(index.Spacing, { size: "medium" }),
        summary))));
/**
 * Shows a list of an applicant's education background.
 * Used to display on a resume page.`
 */
const EducationList = ({ education, OnClickElement, OnItemClickElement }) => (React__default.createElement(index$1.Wrapper, null,
    education.map((edu, idx) => (React__default.createElement(index$1.ListItem, { key: idx },
        React__default.createElement(index$1.ListItemIcon, null,
            React__default.createElement(GraduationCap.GraduationCapIcon, { color: "gray3", width: "30", height: "30", title: "Education" })),
        React__default.createElement(Education, Object.assign({}, edu)),
        OnItemClickElement && (React__default.createElement(index$1.EditButton, null, OnItemClickElement(edu.id)))))),
    OnClickElement && React__default.createElement(index$1.AddButton, null, OnClickElement)));

exports.Education = Education;
exports.EducationList = EducationList;
exports.Study = Study;