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
target="_blank"
variant="outline-primary"
>
- {i18n.t('rounds.spoiler')}
+ {t('rounds.spoiler')}
</Button>
: null}
</>;
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 = {
}),
tournament: PropTypes.shape({
}),
- user: PropTypes.shape({
- }),
};
-export default withTranslation()(withUser(SeedButton));
+export default SeedButton;