jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
42 lines (39 loc) • 2.53 kB
JavaScript
import React__default from 'react';
import { MarkerIcon } from '../../../../icons/Marker.js';
import { PaymentIcon } from '../../../../icons/Payment.js';
import { TimeAlarmIcon } from '../../../../icons/TimeAlarm.js';
import { Wrapper, OccupationTitle, InfoLabel, StyledInfoIcon, EditButton, RegionList } from '../styles/index.js';
import StringJoiner from '../../../02-atoms/13-text/01-string-joiner/index.js';
/**
* @file index.tsx
*
* @fileoverview Shows the users job preferences.
*/
const Regions = ({ regions }) => {
const regionElm = regions.map((region, index) => (React__default.createElement("li", { key: index }, region)));
return React__default.createElement(RegionList, null, regionElm);
};
/**
* Shows an applicant's job prefereces information. Used to display on a resume page.
*/
const JobPreferences = ({ jobPreferences, OnClickElement }) => (React__default.createElement(Wrapper, null,
React__default.createElement(OccupationTitle, null, jobPreferences.occupation && (React__default.createElement(StringJoiner, { items: jobPreferences.occupation }))),
React__default.createElement("div", null,
jobPreferences.availableToStart && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(TimeAlarmIcon, { width: "15", height: "15", title: "Available" })),
"Available from:\u00A0",
React__default.createElement("strong", null, jobPreferences.availableToStart))),
jobPreferences.regions && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(MarkerIcon, { width: "15", height: "15", title: "Regions to work" })),
"Willing to work in:\u00A0",
React__default.createElement("strong", null,
React__default.createElement(Regions, { regions: jobPreferences.regions })))),
jobPreferences.salary && (React__default.createElement(InfoLabel, null,
React__default.createElement(StyledInfoIcon, null,
React__default.createElement(PaymentIcon, { width: "15", height: "15", title: "Salary expectations" })),
"Salary expectations:\u00A0",
React__default.createElement("strong", null, jobPreferences.salary)))),
OnClickElement && React__default.createElement(EditButton, null, OnClickElement)));
export { JobPreferences, Regions };