improved user context

[alttp.git] / resources / js / app / User.js

diff --git a/resources/js/app/User.js b/resources/js/app/User.js
index 4cfb57443485bcd674d0615a3f23d66dcdf1194d..402178a6435dbae160ddc842f669a90cc1090125 100644 (file)
--- a/resources/js/app/User.js
+++ b/resources/js/app/User.js
@@ -1,16 +1,15 @@
-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
                ? <>
@@ -27,7 +26,7 @@ const User = ({ doLogout }) => {
                        </Nav>
                        <Button
                        className="ms-2"
-                               onClick={doLogout}
+                               onClick={logout}
                                title={t('button.logout')}
                                variant="outline-secondary"
                        >
@@ -51,8 +50,4 @@ const User = ({ doLogout }) => {
                </Button>;
 };
 
-User.propTypes = {
-       doLogout: PropTypes.func,
-};
-
 export default User;