jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
51 lines (45 loc) • 2.04 kB
JavaScript
;
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 styled = require('styled-components');
var styled__default = _interopDefault(styled);
var index = require('../../../02-atoms/12-user/01-avatar/index.js');
var Marker = require('../../../../icons/Marker.js');
var index$1 = require('../styles/index.js');
const Wrapper = styled__default.div `
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
${props => props.theme.mediaQueries.small} {
flex-direction: row;
}
`;
const StyledResumeInfo = styled__default.div `
margin-left: 1em;
`;
const StyledFullname = styled__default.div `
font-size: 1.25em;
`;
const StyledHome = styled__default.div `
margin-top: 0.25rem;
color: ${props => props.theme.colors.gray4};
svg {
margin-right: 0.25rem;
}
`;
/**
* Shows an applicant's personal information. Used to display on a resume page.
*/
const PersonalInfo = ({ personalInfo, OnClickElement }) => (React__default.createElement(Wrapper, { className: "personal-info" },
personalInfo.fullname && (React__default.createElement(index.default, Object.assign({ src: personalInfo.photo, size: "medium", title: personalInfo.fullname, alt: personalInfo.fullname }, (personalInfo.status ? { status: personalInfo.status } : null)))),
React__default.createElement(StyledResumeInfo, null,
personalInfo.fullname && (React__default.createElement(StyledFullname, null, personalInfo.fullname)),
personalInfo.home && (React__default.createElement(StyledHome, null,
React__default.createElement(Marker.default, { title: "Home location" }),
"Lives in ",
personalInfo.home))),
OnClickElement && React__default.createElement(index$1.EditButton, null, OnClickElement)));
exports.PersonalInfo = PersonalInfo;