jobiqo-cl/lib/src/components/03-molecules/06-resume/02-job_preferences/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 Marker = require('../../../../icons/Marker.js');
var Payment = require('../../../../icons/Payment.js');
var TimeAlarm = require('../../../../icons/TimeAlarm.js');
var index$1 = require('../styles/index.js');
var index = require('../../../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(index$1.RegionList, null, regionElm);
};
/**
 * Shows an applicant's job prefereces information. Used to display on a resume page.
 */
const JobPreferences = ({ jobPreferences, OnClickElement }) => (React__default.createElement(index$1.Wrapper, null,
    React__default.createElement(index$1.OccupationTitle, null, jobPreferences.occupation && (React__default.createElement(index.default, { items: jobPreferences.occupation }))),
    React__default.createElement("div", null,
        jobPreferences.availableToStart && (React__default.createElement(index$1.InfoLabel, null,
            React__default.createElement(index$1.StyledInfoIcon, null,
                React__default.createElement(TimeAlarm.TimeAlarmIcon, { width: "15", height: "15", title: "Available" })),
            "Available from:\u00A0",
            React__default.createElement("strong", null, jobPreferences.availableToStart))),
        jobPreferences.regions && (React__default.createElement(index$1.InfoLabel, null,
            React__default.createElement(index$1.StyledInfoIcon, null,
                React__default.createElement(Marker.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(index$1.InfoLabel, null,
            React__default.createElement(index$1.StyledInfoIcon, null,
                React__default.createElement(Payment.PaymentIcon, { width: "15", height: "15", title: "Salary expectations" })),
            "Salary expectations:\u00A0",
            React__default.createElement("strong", null, jobPreferences.salary)))),
    OnClickElement && React__default.createElement(index$1.EditButton, null, OnClickElement)));

exports.JobPreferences = JobPreferences;
exports.Regions = Regions;