chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
67 lines (64 loc) • 2.19 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.getGroupImage = getGroupImage;
exports.handleImageError = handleImageError;
var _react = _interopRequireDefault(require("react"));
/* eslint-disable no-param-reassign */
function handleImageError(event) {
event.target.onerror = '';
event.target.src = 'https://sub54.tobit.com/frontend/app/images/unknownUser.png';
}
function getGroupImage(groupId, members) {
const imageUrls = members.map(m => m.locationId ? `https://sub60.tobit.com/l/${m.locationId}?size=30` : `https://sub60.tobit.com/u/${m.userId}?size=30`);
if (groupId === 0) {
return /*#__PURE__*/_react.default.createElement("img", {
src: `https://sub60.tobit.com/l/${chayns.env.site.locationId}?size=30`,
onError: handleImageError,
alt: ""
});
}
if (members.length === 1) {
return /*#__PURE__*/_react.default.createElement("img", {
onError: handleImageError,
src: imageUrls[0],
alt: ""
});
}
if (members.length === 2) {
return /*#__PURE__*/_react.default.createElement("div", {
className: "multi-image"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "half-left",
style: {
backgroundImage: `url("${imageUrls[0]}")`
}
}), /*#__PURE__*/_react.default.createElement("div", {
className: "half-right",
style: {
backgroundImage: `url("${imageUrls[1]}")`
}
}));
}
return /*#__PURE__*/_react.default.createElement("div", {
className: "multi-image"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "full-left",
style: {
backgroundImage: `url("${imageUrls[0]}")`
}
}), /*#__PURE__*/_react.default.createElement("div", {
className: "right-wrapper"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "top-right",
style: {
backgroundImage: `url("${imageUrls[1]}")`
}
}), /*#__PURE__*/_react.default.createElement("div", {
className: "bottom-right",
style: {
backgroundImage: `url("${imageUrls[2]}")`
}
})));
}
//# sourceMappingURL=image.js.map