resources/js/components/users/Box.js

   1 import PropTypes from 'prop-types';
   2 import React from 'react';
   3 import { withTranslation } from 'react-i18next';
   4
   5 import { getAvatarUrl } from '../../helpers/User';
   6 import i18n from '../../i18n';
   7
   8 const Box = ({ discriminator, user }) => user ?
   9         <span className="user-box">
  10                 <img alt="" src={getAvatarUrl(user)} />
  11                 <span>{user.username}</span>
  12                 {discriminator ?
  13                         <span className="text-muted">
  14                                 {'#'}
  15                                 {user.discriminator}
  16                         </span>
  17                 : null}
  18         </span>
  19 :
  20         <span>{i18n.t('general.anonymous')}</span>
  21 ;
  22
  23 Box.propTypes = {
  24         discriminator: PropTypes.bool,
  25         user: PropTypes.shape({
  26                 discriminator: PropTypes.string,
  27                 username: PropTypes.string,
  28         }),
  29 };
  30
  31 export default withTranslation()(Box);