1 import PropTypes from 'prop-types';
2 import React from 'react';
3 import { withTranslation } from 'react-i18next';
5 import { getAvatarUrl } from '../../helpers/User';
6 import i18n from '../../i18n';
8 const Box = ({ discriminator, user }) => user ?
9 <span className="user-box">
10 <img alt="" src={getAvatarUrl(user)} />
11 <span>{user.username}</span>
13 <span className="text-muted">
20 <span>{i18n.t('general.anonymous')}</span>
24 discriminator: PropTypes.bool,
25 user: PropTypes.shape({
26 discriminator: PropTypes.string,
27 username: PropTypes.string,
31 export default withTranslation()(Box);