@twreporter/redux
Version:
redux actions and reducers for twreporter website
36 lines (34 loc) • 1.35 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getImageSrcSet = void 0;
var _get = _interopRequireDefault(require("lodash/get"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var screenSize = {
smallScreenMinWidth: 480,
smallScreenMaxWidth: 768,
mediumScreenMaxWidth: 992,
mediumScreenMinWidth: 769,
largeScreenMinWidth: 993
};
/**
* Get image set as imgSrc attribute of <img> tag
* @param {object} imgObj - Image object
* @param {object} imgObj.desktop
* @param {object} imgObj.tablet
* @param {object} imgObj.mobile
* @param {string} imgObj.desktop.url
* @param {string} imgObj.tablet.url
* @param {string} imgObj.mobile.url
* @return {string} srcSet
*/
var getImageSrcSet = exports.getImageSrcSet = function getImageSrcSet(imgObj) {
if (!imgObj) {
return undefined;
}
var desktopSrc = (0, _get["default"])(imgObj, 'resized_targets.desktop.url');
var tabletSrc = (0, _get["default"])(imgObj, 'resized_targets.tablet.url');
var mobileSrc = (0, _get["default"])(imgObj, 'resized_targets.mobile.url');
return "".concat(mobileSrc, " ").concat(screenSize.smallScreenMinWidth, "w, ").concat(tabletSrc, " ").concat(screenSize.mediumScreenMinWidth, "w, ").concat(desktopSrc, " ").concat(screenSize.largeScreenMinWidth, "w");
};