UNPKG

@fakel/rest-admin

Version:

An application that makes it easier to work with your API

25 lines (24 loc) 1.16 kB
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); });