Add user to many tournaments in a tournament

app/features/tournament-bracket/components/MatchActions.tsx

@@ -41,12 +41,26 @@ export function MatchActions({
 	>(() => {
 		if (result) {
 			return [
-				result.participantIds.filter((id) =>
-					teams[0].members.some((member) => member.userId === id),
-				),
-				result.participantIds.filter((id) =>
-					teams[1].members.some((member) => member.userId === id),
-				),
+				result.participants
+					.filter((participant) =>
+						teams[0].members.some(
+							(member) =>
+								member.userId === participant.userId &&
+								(!participant.tournamentTeamId ||
+									teams[0].id === participant.tournamentTeamId),
+						),
+					)
+					.map((p) => p.userId),
+				result.participants
+					.filter((participant) =>
+						teams[1].members.some(
+							(member) =>
+								member.userId === participant.userId &&
+								(!participant.tournamentTeamId ||
+									teams[1].id === participant.tournamentTeamId),
+						),
+					)
+					.map((p) => p.userId),
 			];
 		}
 
@@ -340,7 +354,7 @@ function EditScoreForm({
 		return (
 			<fetcher.Form
 				method="post"
-				className="stack horizontal md justify-center"
+				className="stack horizontal md justify-center mt-6"
 			>
 				<input type="hidden" name="resultId" value={resultId} />
 				<input

app/features/tournament-bracket/components/StartedMatch.tsx

@@ -630,7 +630,9 @@ function StartedMatchTabs({
 				teams[1],
 				tournament.minMembersPerTeam,
 			),
-			result?.participantIds,
+			result?.participants
+				.map((p) => `${p.userId}-${p.tournamentTeamId}`)
+				.join(","),
 			result?.opponentOnePoints,
 			result?.opponentTwoPoints,
 		].join("-");

app/features/tournament-bracket/components/TeamRosterInputs.tsx

@@ -174,8 +174,14 @@ function _TeamRoster({
 	);
 
 	const checkedInputPlayerIds = () => {
-		if (result?.participantIds && !revising) {
-			return result.participantIds;
+		if (result?.participants && !revising) {
+			return result.participants
+				.filter(
+					(participant) =>
+						!participant.tournamentTeamId ||
+						participant.tournamentTeamId === team.id,
+				)
+				.map((participant) => participant.userId);
 		}
 		if (editingRoster) return checkedPlayers.split(",").map(Number);
 
@@ -216,12 +222,12 @@ function _TeamRoster({
 				teamId={team.id}
 				checkedPlayers={checkedInputPlayerIds()}
 				presentational={!revising && (presentational || !editingRoster)}
-				handlePlayerClick={(playerId: number) => {
+				handlePlayerClick={(playerId) => {
 					if (!setCheckedPlayers) return;
 
 					setCheckedPlayers((oldPlayers) => {
 						const newPlayers = clone(oldPlayers);
-						if (oldPlayers.flat().includes(playerId)) {
+						if (oldPlayers[idx].includes(playerId)) {
 							newPlayers[idx] = newPlayers[idx].filter((id) => id !== playerId);
 						} else {
 							newPlayers[idx].push(playerId);
@@ -452,7 +458,7 @@ function TeamRosterInputsCheckboxes({
 								name="playerName"
 								disabled={mode() === "DISABLED" || mode() === "PRESENTATIONAL"}
 								value={member.id}
-								checked={checkedPlayers.flat().includes(member.id)}
+								checked={checkedPlayers.includes(member.id)}
 								onChange={() => handlePlayerClick(member.id)}
 								data-testid={`player-checkbox-${i}`}
 							/>{" "}

app/features/tournament-bracket/core/Tournament.ts

@@ -1041,9 +1041,22 @@ export class Tournament {
 	teamMemberOfByUser(user: OptionalIdObject) {
 		if (!user) return null;
 
-		return this.ctx.teams.find((team) =>
+		const teams = this.ctx.teams.filter((team) =>
 			team.members.some((member) => member.userId === user.id),
 		);
+
+		let result: (typeof teams)[number] | null = null;
+		let latestCreatedAt = 0;
+		for (const team of teams) {
+			const member = team.members.find((member) => member.userId === user.id)!;
+
+			if (member.createdAt > latestCreatedAt) {
+				result = team;
+				latestCreatedAt = member.createdAt;
+			}
+		}
+
+		return result;
 	}
 
 	teamMemberOfProgressStatus(user: OptionalIdObject) {