Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-11 21:56:11 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Actually fix the hooks out of sync warning

Browse Source
This commit is contained in:
Kalle (Sendou)
2022-01-20 21:52:03 +02:00
parent 84d470e1e1
commit f1c2175153
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/components/tournament/CheckinActions.tsx
View File

@@ -31,6 +31,14 @@ export function CheckinActions() {
const [minutesTillCheckInCloses, setMinutesTillCheckInCloses] =
React.useState(timeInMinutesBeforeCheckInCloses());
React.useEffect(() => {
const timeout = setInterval(() => {
setMinutesTillCheckInCloses(timeInMinutesBeforeCheckInCloses());
}, 1000 * 15);
return () => clearTimeout(timeout);
}, []);
const ownTeam = tournament.teams.find((team) =>
team.members.some(
({ member, captain }) => captain && member.id === user?.id
@@ -42,14 +50,6 @@ export function CheckinActions() {
return null;
}
React.useEffect(() => {
const timeout = setInterval(() => {
setMinutesTillCheckInCloses(timeInMinutesBeforeCheckInCloses());
}, 1000 * 15);
return () => clearTimeout(timeout);
}, []);
if (ownTeam.checkedInTime) {
return (
<ActionSectionWrapper icon="success" data-cy="checked-in-alert">