X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fusers%2FEditStreamLinkButton.js;h=50fffdb3668c5a5269ac4451e3c84627e17df334;hb=e0925d5b97ab0804222195eb4231c63b33703942;hp=a1c8c24e8fb078117e1317bb647fa4e3167e43a1;hpb=920f11ddfeb2175e4e1556886773dcd044c6085b;p=alttp.git

diff --git a/resources/js/components/users/EditStreamLinkButton.js b/resources/js/components/users/EditStreamLinkButton.js
index a1c8c24..50fffdb 100644
--- a/resources/js/components/users/EditStreamLinkButton.js
+++ b/resources/js/components/users/EditStreamLinkButton.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 EditStreamLinkDialog from './EditStreamLinkDialog';
 import Icon from '../common/Icon';
 import { mayEditStreamLink } from '../../helpers/permissions';
-import { withUser } from '../../helpers/UserContext';
-import i18n from '../../i18n';
+import { useUser } from '../../hooks/user';
 
-const EditStreamLinkButton = ({ authUser, user }) => {
+const EditStreamLinkButton = ({ user }) => {
 	const [showDialog, setShowDialog] = useState(false);
 
+	const { t } = useTranslation();
+	const { user: authUser } = useUser();
+
 	if (mayEditStreamLink(authUser, user)) {
 		return <>
 			<EditStreamLinkDialog
@@ -21,7 +23,7 @@ const EditStreamLinkButton = ({ 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 EditStreamLinkButton = ({ authUser, user }) => {
 };
 
 EditStreamLinkButton.propTypes = {
-	authUser: PropTypes.shape({
-	}),
 	user: PropTypes.shape({
 	}),
 };
 
-export default withTranslation()(withUser(EditStreamLinkButton, 'authUser'));
+export default EditStreamLinkButton;