X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Frounds%2FSeedButton.js;h=59bc3baaa15b2d18a6fcb16b5c5e84bf2492fec3;hb=04af60ad0cd937639cf5e1a0a8d023d9c1eea152;hp=71299cc7b84c0036b30da90cc3422f7b477ad4df;hpb=7dbb5572dc613186d45fd08275cac81249af06aa;p=alttp.git

diff --git a/resources/js/components/rounds/SeedButton.js b/resources/js/components/rounds/SeedButton.js
index 71299cc..59bc3ba 100644
--- a/resources/js/components/rounds/SeedButton.js
+++ b/resources/js/components/rounds/SeedButton.js
@@ -1,20 +1,22 @@
 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 SeedDialog from './SeedDialog';
 import { maySetSeed } from '../../helpers/permissions';
-import { withUser } from '../../helpers/UserContext';
-import i18n from '../../i18n';
+import { useUser } from '../../hooks/user';
 
-const SeedButton = ({ round, tournament, user }) => {
+const SeedButton = ({ round, tournament }) => {
 	const [showDialog, setShowDialog] = useState(false);
 
+	const { t } = useTranslation();
+	const { user } = useUser();
+
 	if (round.seed) {
 		return <>
 			<Button href={round.seed} target="_blank" variant="primary">
-				{i18n.t('rounds.seed')}
+				{t('rounds.seed')}
 			</Button>
 			{round.spoiler ?
 				<Button
@@ -23,7 +25,7 @@ const SeedButton = ({ round, tournament, user }) => {
 					target="_blank"
 					variant="outline-primary"
 				>
-					{i18n.t('rounds.spoiler')}
+					{t('rounds.spoiler')}
 				</Button>
 			: null}
 		</>;
@@ -36,11 +38,11 @@ const SeedButton = ({ round, tournament, user }) => {
 				show={showDialog}
 			/>
 			<Button onClick={() => setShowDialog(true)} variant="outline-primary">
-				{i18n.t('rounds.setSeed')}
+				{t('rounds.setSeed')}
 			</Button>
 		</>;
 	}
-	return i18n.t('rounds.noSeed');
+	return t('rounds.noSeed');
 };
 
 SeedButton.propTypes = {
@@ -50,8 +52,6 @@ SeedButton.propTypes = {
 	}),
 	tournament: PropTypes.shape({
 	}),
-	user: PropTypes.shape({
-	}),
 };
 
-export default withTranslation()(withUser(SeedButton));
+export default SeedButton;