@fakel/rest-admin
Version:
An application that makes it easier to work with your API
25 lines (24 loc) • 1.16 kB
JavaScript
import React from 'react';
import Avatar from 'antd/lib/avatar';
import { observer } from 'mobx-react';
import UserOutlined from '@ant-design/icons/UserOutlined';
var renderAvatar = function (avatarType, avatarIcon, avatarImageSrc, avatarText, user) {
switch (avatarType) {
case 'icon':
return React.createElement(Avatar, { icon: avatarIcon });
case 'image':
return React.createElement(Avatar, { src: avatarImageSrc });
case 'text':
return (React.createElement(Avatar, null, typeof avatarText === 'string'
? avatarText
: typeof avatarText === 'function'
? avatarText(user)
: null && console.error('Invalid avatar text type')));
default:
return React.createElement(Avatar, { icon: React.createElement(UserOutlined, null) });
}
};
export var User = observer(function (_a) {
var avatarIcon = _a.avatarIcon, avatarImageSrc = _a.avatarImageSrc, avatarText = _a.avatarText, avatarType = _a.avatarType, user = _a.user;
return renderAvatar(avatarType, avatarIcon, avatarImageSrc, avatarText, user);
});