Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-10-02 08:07:40 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Delete unused file

Browse Source
This commit is contained in:
Kalle (Sendou)
2022-01-11 08:52:16 +02:00
parent af49b5be39
commit 15b2c4b6e3
1 changed files with 0 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
app/components/tournament/ActionSectionBeforeStartContent.tsx
View File

@@ -1,145 +0,0 @@
// TODO: Warning: Text content did not match. Server: "57" Client: "56"
import * as React from "react";
import { useTransition, useLoaderData, Form } from "remix";
import {
checkInClosesDate,
TOURNAMENT_TEAM_ROSTER_MIN_SIZE,
} from "~/constants";
import { TournamentAction } from "~/routes/to/$organization.$tournament";
import type { FindTournamentByNameForUrlI } from "~/services/tournament";
import { Unpacked } from "~/utils";
import { Button } from "../Button";
import { AlertIcon } from "../icons/Alert";
import { CheckInIcon } from "../icons/CheckIn";
import { ErrorIcon } from "../icons/Error";
import { SuccessIcon } from "../icons/Success";
import { ActionSectionWrapper } from "./ActionSectionWrapper";
export function ActionSectionBeforeStartContent({
ownTeam,
}: {
ownTeam: Unpacked<FindTournamentByNameForUrlI["teams"]>;
}) {
const transition = useTransition();
const tournament = useLoaderData<FindTournamentByNameForUrlI>();
const timeInMinutesBeforeCheckInCloses = () => {
return Math.floor(
(checkInClosesDate(tournament.startTime).getTime() -
new Date().getTime()) /
(1000 * 60)
);
};
const [minutesTillCheckInCloses, setMinutesTillCheckInCloses] =
React.useState(timeInMinutesBeforeCheckInCloses());
React.useEffect(() => {
const timeout = setInterval(() => {
setMinutesTillCheckInCloses(timeInMinutesBeforeCheckInCloses());
}, 1000 * 15);
return () => clearTimeout(timeout);
}, []);
if (ownTeam.checkedInTime) {
return (
<ActionSectionWrapper icon="success" data-cy="checked-in-alert">
<SuccessIcon /> Your team is checked in!
</ActionSectionWrapper>
);
}
const checkInHasStarted = new Date(tournament.checkInStartTime) < new Date();
const teamHasEnoughMembers =
ownTeam.members.length >= TOURNAMENT_TEAM_ROSTER_MIN_SIZE;
if (!checkInHasStarted && !teamHasEnoughMembers) {
return (
<ActionSectionWrapper icon="warning" data-cy="team-size-alert">
<AlertIcon /> You need at least 4 players in your roster to play
</ActionSectionWrapper>
);
}
const differenceInMinutesBetweenCheckInAndStart = Math.floor(
(new Date(tournament.startTime).getTime() -
new Date(tournament.checkInStartTime).getTime()) /
(1000 * 60)
);
if (!checkInHasStarted && teamHasEnoughMembers) {
return (
<ActionSectionWrapper icon="info">
<AlertIcon /> Check-in starts{" "}
{differenceInMinutesBetweenCheckInAndStart} minutes before the
tournament starts
</ActionSectionWrapper>
);
}
if (
checkInHasStarted &&
!teamHasEnoughMembers &&
minutesTillCheckInCloses > 0
) {
return (
<ActionSectionWrapper icon="warning" data-cy="not-enough-players-warning">
<AlertIcon /> You need at least 4 players in your roster to play.
Check-in is open for {minutesTillCheckInCloses} more{" "}
{minutesTillCheckInCloses > 1 ? "minutes" : "minute"}
</ActionSectionWrapper>
);
}
if (
checkInHasStarted &&
teamHasEnoughMembers &&
minutesTillCheckInCloses > 0
) {
return (
<ActionSectionWrapper
icon={minutesTillCheckInCloses <= 1 ? "warning" : "info"}
data-cy="check-in-alert"
>
{minutesTillCheckInCloses > 1 ? (
<>
<AlertIcon /> Check-in is open for {minutesTillCheckInCloses} more
minutes
</>
) : (
<>
<AlertIcon /> Check-in closes in less than a minute
</>
)}
<Form
method="post"
className="tournament__action-section__button-container"
>
<input
type="hidden"
name="_action"
value={TournamentAction.CHECK_IN}
/>
<input type="hidden" name="teamId" value={ownTeam.id} />
<Button
variant="outlined"
type="submit"
loading={transition.state !== "idle"}
icon={<CheckInIcon />}
data-cy="check-in-button"
>
Check-in
</Button>
</Form>
</ActionSectionWrapper>
);
}
return (
<ActionSectionWrapper icon="error">
<ErrorIcon /> Check-in has closed. Your team is not checked in
</ActionSectionWrapper>
);
}