profile-plus
Version:
### IOS
58 lines • 3.5 kB
JavaScript
;
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Avatar = void 0;
const react_1 = __importDefault(require("react"));
const Avatar_module_css_1 = __importDefault(require("./Avatar.module.css"));
const package_js_1 = require("../package.js");
const Person_js_1 = require("../shapes/Person.js");
const Hooks_1 = require("lincd/utils/Hooks");
const helper_js_1 = require("../utils/helper.js");
const ImageResize_1 = require("lincd-server-utils/utils/ImageResize");
const LinkedFileStorage_1 = require("lincd/utils/LinkedFileStorage");
const DEFAULT_IMAGE = (0, LinkedFileStorage_1.asset)('/images/no-profile-picture.png');
const query = Person_js_1.Person.query((person) => {
var _a, _b, _c, _d;
return ({
profilePictureCropped: (_b = (_a = person.profilePicture) === null || _a === void 0 ? void 0 : _a.cropped) === null || _b === void 0 ? void 0 : _b.contentUrl,
profilePictureFull: (_d = (_c = person.profilePicture) === null || _c === void 0 ? void 0 : _c.image) === null || _d === void 0 ? void 0 : _d.contentUrl,
givenName: person.givenName,
});
});
exports.Avatar = (0, package_js_1.linkedComponent)(query, (_a) => {
var _b, _c;
var { profilePictureCropped, profilePictureFull, givenName, source, size = 'medium', className, fallback, overwriteSource, _refresh } = _a, restProps = __rest(_a, ["profilePictureCropped", "profilePictureFull", "givenName", "source", "size", "className", "fallback", "overwriteSource", "_refresh"]);
restProps = (0, Hooks_1.useStyles)(restProps, [Avatar_module_css_1.default.root, Avatar_module_css_1.default[size], className]);
let thumbnailSize = size === 'small' ? 64 : size === 'medium' ? 95 : 128;
let src = overwriteSource ||
((_b = profilePictureCropped === null || profilePictureCropped === void 0 ? void 0 : profilePictureCropped.cropped) === null || _b === void 0 ? void 0 : _b.contentUrl) ||
((_c = profilePictureFull === null || profilePictureFull === void 0 ? void 0 : profilePictureFull.image) === null || _c === void 0 ? void 0 : _c.contentUrl) ||
DEFAULT_IMAGE;
if (src && src !== DEFAULT_IMAGE) {
src = (0, ImageResize_1.getResizedImagePath)((0, helper_js_1.replaceLocalhostWithSiteRoot)(src), thumbnailSize * 2);
}
// android development path fix
const croppedImageSrc = (0, helper_js_1.replaceLocalhostWithSiteRoot)(src);
if (src === DEFAULT_IMAGE && fallback) {
return fallback;
}
return (react_1.default.createElement("div", Object.assign({}, restProps),
react_1.default.createElement("figure", { className: Avatar_module_css_1.default.wrap },
react_1.default.createElement("img", { src: croppedImageSrc, alt: givenName }))));
});
//register all components in this file
// registerPackageModule(module);
//# sourceMappingURL=Avatar.js.map