jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
56 lines (53 loc) • 3.26 kB
JavaScript
import React__default from 'react';
import { Spacing } from '../../../02-atoms/06-layout/07-spacing/index.js';
import { CalendarIcon } from '../../../../icons/Calendar.js';
import { GraduationCapIcon } from '../../../../icons/GraduationCap.js';
import { MapMarkerIcon } from '../../../../icons/MapMarker.js';
import { OfficeIcon } from '../../../../icons/Office.js';
import { Wrapper, ListItem, ListItemIcon, EditButton, AddButton, ListItemWrapper, InfoLabel, StyledInfoIcon, MultiInfoWrapper } from '../styles/index.js';
import StringJoiner from '../../../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(StringJoiner, { 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(ListItemWrapper, null,
degree && React__default.createElement(Study, { degree: degree, fieldOfStudy: fieldOfStudy }),
institution && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(OfficeIcon, { width: "15", height: "15", title: "Dates" })),
institution)),
(location || timePeriod) && (React__default.createElement(MultiInfoWrapper, null,
location && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(MapMarkerIcon, { width: "15", height: "15", title: "Dates" })),
location)),
timePeriod && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(CalendarIcon, { width: "15", height: "15", title: "Dates" })),
timePeriod)))),
summary && (React__default.createElement(React__default.Fragment, null,
React__default.createElement(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(Wrapper, null,
education.map((edu, idx) => (React__default.createElement(ListItem, { key: idx },
React__default.createElement(ListItemIcon, null,
React__default.createElement(GraduationCapIcon, { color: "gray3", width: "30", height: "30", title: "Education" })),
React__default.createElement(Education, Object.assign({}, edu)),
OnItemClickElement && (React__default.createElement(EditButton, null, OnItemClickElement(edu.id)))))),
OnClickElement && React__default.createElement(AddButton, null, OnClickElement)));
export { Education, EducationList, Study };