react-profiles
Version:
A collection of Profile components with automatic data filling using public apis.
99 lines (80 loc) • 3.99 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _core = require("@material-ui/core");
var _axios = _interopRequireDefault(require("axios"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _store = _interopRequireDefault(require("store"));
var _svgs = require("./svg/svgs");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var expirePlugin = require('store/plugins/expire');
_store.default.addPlugin(expirePlugin);
var LinkedInProfileBar = function LinkedInProfileBar(props) {
var flatButtonStyle = {
backgroundColor: 'rgba(230,230,230,0.8)',
borderRadius: '0',
height: '100%',
textTransform: 'none'
};
var _props = _objectSpread({}, props),
tooltip = _props.tooltip,
username = _props.username,
organization = _props.organization,
role = _props.role,
newPage = _props.newPage;
if (newPage == undefined) newPage = true;
tooltip = tooltip || 'Visit Profile';
var getPad = function getPad(val) {
return {
'padding': val
};
};
return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_core.Grid, {
container: true
}, _react.default.createElement(_core.Grid, {
className: "Paper"
}, _react.default.createElement(_core.Tooltip, {
title: "LinkedIn"
}, _react.default.createElement(_core.Button, {
variant: "text",
style: flatButtonStyle
}, _react.default.createElement(_svgs.LinkedInSVG, null))), _react.default.createElement(_core.Tooltip, {
title: tooltip
}, _react.default.createElement("a", {
target: newPage ? '_blank' : '',
href: "https://in.linkedin.com/in/".concat(username),
style: {
padding: '10px'
}
}, username)), organization && _react.default.createElement(_core.Tooltip, {
title: "Organization"
}, _react.default.createElement(_core.Button, {
variant: "text",
style: flatButtonStyle
}, _react.default.createElement(_svgs.BuildingSVG, {
style: getPad('5px')
}), " ", _react.default.createElement("b", null, organization))), role && _react.default.createElement(_core.Tooltip, {
title: "Role"
}, _react.default.createElement(_core.Button, {
variant: "text",
style: _objectSpread({}, flatButtonStyle, {
textTransform: 'none'
})
}, " ", _react.default.createElement(_svgs.PersonSVG, {
style: getPad('2px')
}), " ", role)))));
};
LinkedInProfileBar.propTypes = {
username: _propTypes.default.string.isRequired,
tooltip: _propTypes.default.string,
role: _propTypes.default.string,
organization: _propTypes.default.string
};
var _default = LinkedInProfileBar;
exports.default = _default;