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

Show tournament team seeds on the match page
Some checks are pending
E2E Tests / e2e (push) Waiting to run
Details
Tests and checks on push / run-checks-and-tests (push) Waiting to run
Details
Updates translation progress / update-translation-progress-issue (push) Waiting to run
Details

Browse Source 
Closes #3080
This commit is contained in:
Kalle 2026-05-18 20:46:24 +03:00
parent 8dc92140fc
commit 0f1bc97aed
2 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
app/components/match-page/MatchRosterTab.tsx
View File

@ -49,6 +49,7 @@ interface RosterTabTeam {
/** Sub user ids i.e. those who are not the current active roster */
subbedOut?: Array<number>;
tier?: { name: TierName; isPlus: boolean };
seed?: number | null;
}
interface MatchRosterTabProps {
@ -263,6 +264,26 @@ function TeamHeader({
const tierText = team.tier
? `${team.tier.name.toLowerCase()}${team.tier.isPlus ? "+" : ""}`
: undefined;
const seedText = typeof team.seed === "number" ? `#${team.seed}` : undefined;
const meta = (
<div className="stack xs horizontal items-center text-lighter">
<div className={dotClassName} />
{label}
{tierText ? (
<>
<span>•</span>
<span className="text-capitalize">{tierText}</span>
</>
) : null}
{seedText ? (
<>
<span>•</span>
<span>{seedText}</span>
</>
) : null}
</div>
);
if (team.team) {
return (
@ -274,16 +295,7 @@ function TeamHeader({
/>
<div className="stack justify-center line-height-tight">
<h2 className="text-main-forced font-bold">{team.team.name}</h2>
<div className="stack xs horizontal items-center text-lighter">
<div className={dotClassName} />
{label}
{tierText ? (
<>
<span>•</span>
<span className="text-capitalize">{tierText}</span>
</>
) : null}
</div>
{meta}
</div>
</Link>
);
@ -296,16 +308,7 @@ function TeamHeader({
<div className={styles.teamAvatar} data-side={side} />
<div className="stack justify-center line-height-tight">
<h2 className="text-main-forced font-bold">{team.defaultName}</h2>
<div className="stack xs horizontal items-center text-lighter">
<div className={dotClassName} />
{label}
{tierText ? (
<>
<span>•</span>
<span className="text-capitalize">{tierText}</span>
</>
) : null}
</div>
{meta}
</div>
</div>
);

1
app/features/tournament-match/components/TournamentMatchTabs.tsx
View File

@ -401,6 +401,7 @@ function TournamentMatchRosterTab({
inGameName: m.inGameName,
})),
subbedOut,
seed: team.seed,
};
}