@etsoo/materialui/lib/cjs/UserAvatar.js

TypeScript Material-UI Implementation

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.UserAvatar = UserAvatar;
const jsx_runtime_1 = require("react/jsx-runtime");
const appscript_1 = require("@etsoo/appscript");
const ReactApp_1 = require("./app/ReactApp");
const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
/**
 * User avatar
 * @param props Props
 * @returns Component
 */
function UserAvatar(props) {
    // Global app
    const app = (0, ReactApp_1.useAppContext)();
    // Destruct
    const { src, title, formatTitle = (title) => {
        return appscript_1.BusinessUtils.formatAvatarTitle(title, 3, app?.get("me") ?? "ME");
    } } = props;
    // Format
    const fTitle = formatTitle(title);
    const count = fTitle.length;
    return ((0, jsx_runtime_1.jsx)(Avatar_1.default, { title: title, src: src, sx: {
            width: 48,
            height: 32,
            fontSize: count <= 2 ? "15px" : "12px"
        }, children: fTitle }));
}