1 import PropTypes from 'prop-types';
2 import React from 'react';
3 import { Button, Nav } from 'react-bootstrap';
4 import { LinkContainer } from 'react-router-bootstrap';
5 import { useTranslation } from 'react-i18next';
7 import Icon from '../components/common/Icon';
8 import { useUser } from '../helpers/UserContext';
9 import { getAvatarUrl } from '../helpers/User';
11 const User = ({ doLogout }) => {
12 const { t } = useTranslation();
13 const user = useUser();
17 <Nav className="ms-auto">
18 <LinkContainer to={`/users/${user.id}`}>
20 <img alt="" src={getAvatarUrl(user)} />
22 {user.discriminator && user.discriminator !== '0' ?
23 <span className="text-muted">#{user.discriminator}</span>
31 title={t('button.logout')}
32 variant="outline-secondary"
34 <Icon.LOGOUT title="" />
41 if (location.pathname.length > 1) {
42 localStorage.setItem('returnPath', location.pathname.substr(1));
45 title={t('button.login')}
55 doLogout: PropTypes.func,