X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fusers%2FEditNicknameButton.js;h=3e39b3ab2092c7a5b290e3700417de968120f813;hb=b5a50d74cf042fa7fc874d8184dc37ae20bb74dd;hp=5366f24b280232438d632166cb83a3728395b3ce;hpb=82b95e7542824bcdf4f1b245559cb1c93f4eafdd;p=alttp.git

diff --git a/resources/js/components/users/EditNicknameButton.js b/resources/js/components/users/EditNicknameButton.js
index 5366f24..3e39b3a 100644
--- a/resources/js/components/users/EditNicknameButton.js
+++ b/resources/js/components/users/EditNicknameButton.js
@@ -1,17 +1,19 @@
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import { Button } from 'react-bootstrap';
-import { withTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 
 import EditNicknameDialog from './EditNicknameDialog';
 import Icon from '../common/Icon';
 import { mayEditNickname } from '../../helpers/permissions';
-import { withUser } from '../../helpers/UserContext';
-import i18n from '../../i18n';
+import { useUser } from '../../hooks/user';
 
-const EditNicknameButton = ({ authUser, user }) => {
+const EditNicknameButton = ({ user }) => {
 	const [showDialog, setShowDialog] = useState(false);
 
+	const { t } = useTranslation();
+	const { user: authUser } = useUser();
+
 	if (mayEditNickname(authUser, user)) {
 		return <>
 			<EditNicknameDialog
@@ -21,7 +23,7 @@ const EditNicknameButton = ({ authUser, user }) => {
 			/>
 			<Button
 				onClick={() => setShowDialog(true)}
-				title={i18n.t('button.edit')}
+				title={t('button.edit')}
 				variant="outline-secondary"
 			>
 				<Icon.EDIT title="" />
@@ -32,10 +34,8 @@ const EditNicknameButton = ({ authUser, user }) => {
 };
 
 EditNicknameButton.propTypes = {
-	authUser: PropTypes.shape({
-	}),
 	user: PropTypes.shape({
 	}),
 };
 
-export default withTranslation()(withUser(EditNicknameButton, 'authUser'));
+export default EditNicknameButton;