replyke-rn/dist/components/shared/UserAvatar.js

Replyke React Native components: Build interactive apps with social features like comments, votes, feeds, user lists, notifications, and more.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var jsx_runtime_1 = require("react/jsx-runtime");
var react_native_1 = require("react-native");
var UserAvatar = function (_a) {
    var user = _a.user, _b = _a.size, size = _b === void 0 ? 32 : _b, borderRadius = _a.borderRadius;
    if (!user)
        return null;
    var userImg = user.avatar
        ? user.avatar
        : "https://api.dicebear.com/9.x/thumbs/png?seed=".concat(user.id);
    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
            styles.avatarContainer,
            {
                width: size,
                height: size,
                borderRadius: borderRadius || size / 2,
            },
        ], children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: {
                uri: userImg,
            }, style: [
                styles.image,
                {
                    borderRadius: borderRadius || size / 2,
                },
            ] }) }));
};
var styles = react_native_1.StyleSheet.create({
    avatarContainer: {
        overflow: "hidden",
        borderWidth: 1,
        borderColor: "#E6E6E6",
        flexShrink: 0,
    },
    image: {
        width: "100%",
        height: "100%",
        resizeMode: "cover",
    },
});
exports.default = UserAvatar;
//# sourceMappingURL=UserAvatar.js.map