-import PropTypes from 'prop-types';
import React from 'react';
import { Button, Nav } from 'react-bootstrap';
import { LinkContainer } from 'react-router-bootstrap';
import { useTranslation } from 'react-i18next';
import Icon from '../components/common/Icon';
-import { useUser } from '../helpers/UserContext';
+import { useUser } from '../hooks/user';
import { getAvatarUrl } from '../helpers/User';
-const User = ({ doLogout }) => {
+const User = () => {
const { t } = useTranslation();
- const user = useUser();
+ const { logout, user } = useUser();
return user
? <>
</Nav>
<Button
className="ms-2"
- onClick={doLogout}
+ onClick={logout}
title={t('button.logout')}
variant="outline-secondary"
>
</Button>;
};
-User.propTypes = {
- doLogout: PropTypes.func,
-};
-
export default User;