chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
60 lines (59 loc) • 1.88 kB
JavaScript
/* eslint-disable no-param-reassign */
import React from 'react';
export function handleImageError(event) {
event.target.onerror = '';
event.target.src = 'https://sub54.tobit.com/frontend/app/images/unknownUser.png';
}
export 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.createElement("img", {
src: `https://sub60.tobit.com/l/${chayns.env.site.locationId}?size=30`,
onError: handleImageError,
alt: ""
});
}
if (members.length === 1) {
return /*#__PURE__*/React.createElement("img", {
onError: handleImageError,
src: imageUrls[0],
alt: ""
});
}
if (members.length === 2) {
return /*#__PURE__*/React.createElement("div", {
className: "multi-image"
}, /*#__PURE__*/React.createElement("div", {
className: "half-left",
style: {
backgroundImage: `url("${imageUrls[0]}")`
}
}), /*#__PURE__*/React.createElement("div", {
className: "half-right",
style: {
backgroundImage: `url("${imageUrls[1]}")`
}
}));
}
return /*#__PURE__*/React.createElement("div", {
className: "multi-image"
}, /*#__PURE__*/React.createElement("div", {
className: "full-left",
style: {
backgroundImage: `url("${imageUrls[0]}")`
}
}), /*#__PURE__*/React.createElement("div", {
className: "right-wrapper"
}, /*#__PURE__*/React.createElement("div", {
className: "top-right",
style: {
backgroundImage: `url("${imageUrls[1]}")`
}
}), /*#__PURE__*/React.createElement("div", {
className: "bottom-right",
style: {
backgroundImage: `url("${imageUrls[2]}")`
}
})));
}
//# sourceMappingURL=image.js.map