Prevent leaving tournament team after reg has closed

Closes #2850

app/features/tournament/actions/to.$id.register.server.ts

@@ -183,6 +183,10 @@ export const action: ActionFunction = async ({ request, params }) => {
 				teamMemberOf.checkIns.length === 0,
 				"You cannot leave after checking in",
 			);
+			errorToastIfFalsy(
+				tournament.registrationOpen,
+				"Registration has closed, contact the TO to leave the team",
+			);
 
 			await TournamentTeamRepository.leave({
 				teamId: teamMemberOf.id,

app/features/tournament/routes/to.$id.register.tsx

@@ -259,21 +259,7 @@ function TournamentRegisterInfoTabs() {
 							{isRegularMemberOfATeam ? (
 								<div className="stack md items-center">
 									<Alert>{t("tournament:pre.inATeam")}</Alert>
-									{teamMemberOf && teamMemberOf.checkIns.length === 0 ? (
-										<FormWithConfirm
-											dialogHeading={`Leave "${tournament.teamMemberOfByUser(user)?.name}"?`}
-											fields={[["_action", "LEAVE_TEAM"]]}
-											submitButtonText="Leave"
-										>
-											<SendouButton
-												className="small-text"
-												variant="minimal-destructive"
-												type="submit"
-											>
-												Leave the team
-											</SendouButton>
-										</FormWithConfirm>
-									) : null}
+									<LeaveTeamControl />
 								</div>
 							) : showAddIGNAlert ? (
 								<div>
@@ -309,6 +295,49 @@ function TournamentRegisterInfoTabs() {
 	);
 }
 
+function LeaveTeamControl() {
+	const user = useUser();
+	const tournament = useTournament();
+
+	const teamMemberOf = tournament.teamMemberOfByUser(user);
+	if (!teamMemberOf) return null;
+
+	const checkedIn = teamMemberOf.checkIns.length > 0;
+	const cannotLeave = checkedIn || !tournament.registrationOpen;
+
+	if (cannotLeave) {
+		return (
+			<SendouPopover
+				trigger={
+					<SendouButton className="small-text" variant="minimal-destructive">
+						Leave the team
+					</SendouButton>
+				}
+			>
+				{checkedIn
+					? "Your team has checked in. Contact the TO to leave the team."
+					: "Registration has closed. Contact the TO to leave the team."}
+			</SendouPopover>
+		);
+	}
+
+	return (
+		<FormWithConfirm
+			dialogHeading={`Leave "${teamMemberOf.name}"?`}
+			fields={[["_action", "LEAVE_TEAM"]]}
+			submitButtonText="Leave"
+		>
+			<SendouButton
+				className="small-text"
+				variant="minimal-destructive"
+				type="submit"
+			>
+				Leave the team
+			</SendouButton>
+		</FormWithConfirm>
+	);
+}
+
 function PleaseLogIn() {
 	const { t } = useTranslation(["tournament"]);