snes settings

[alttp.git] / resources / js / components / users / EditStreamLinkButton.js

diff --git a/resources/js/components/users/EditStreamLinkButton.js b/resources/js/components/users/EditStreamLinkButton.js
index a1c8c24e8fb078117e1317bb647fa4e3167e43a1..50fffdb3668c5a5269ac4451e3c84627e17df334 100644 (file)
--- 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;