Donate
diff --git a/src/Settings.tsx b/src/Settings.tsx
index 63659c2..8d045c4 100644
--- a/src/Settings.tsx
+++ b/src/Settings.tsx
@@ -217,6 +217,16 @@ export const Settings: React.FC = () => {
>
Setup instructions
+ {" "}&{" "}
{gameData.left.players.map((player, index) => (
= ({
))}
{gameData.right.players.map((player, index) => (
= ({
}) => {
return (
{flags ? (
) : null}
{playerData.rank === undefined || playerData.rank === -1
? "-"
: "#" + playerData.rank}
{" "}
{playerData.rating === undefined || playerData.rating === -1
? "-"
: playerData.rating}
{" "}
{playerData.name}
diff --git a/src/utils/coh3-data.ts b/src/utils/coh3-data.ts
new file mode 100644
index 0000000..8703c5c
--- /dev/null
+++ b/src/utils/coh3-data.ts
@@ -0,0 +1,156 @@
+
+export type PlayerRank = { name: string; url: string; min: number; max: number; rank: number };
+
+export const PlayerRanks: Record = {
+ // Requires 10 matches to get the placement rank.
+ NO_RANK: {
+ name: "Placement",
+ url: "/icons/ranks/00_placement_medium.webp",
+ min: -1,
+ max: -1,
+ rank: 0,
+ },
+ // All other ranks after completing 10 matches.
+ BRASS_3: {
+ name: "Brass 3",
+ url: "/icons/ranks/01_brass_03_medium.webp",
+ min: 0,
+ max: 299,
+ rank: 0,
+ },
+ BRASS_2: {
+ name: "Brass 2",
+ url: "/icons/ranks/01_brass_02_medium.webp",
+ min: 300,
+ max: 599,
+ rank: 0,
+ },
+ BRASS_1: {
+ name: "Brass 1",
+ url: "/icons/ranks/01_brass_01_medium.webp",
+ min: 600,
+ max: 799,
+ rank: 0,
+ },
+ BRONZE_3: {
+ name: "Bronze 3",
+ url: "/icons/ranks/02_bronze_03_medium.webp",
+ min: 800,
+ max: 999,
+ rank: 0,
+ },
+ BRONZE_2: {
+ name: "Bronze 2",
+ url: "/icons/ranks/02_bronze_02_medium.webp",
+ min: 1000,
+ max: 1049,
+ rank: 0,
+ },
+ BRONZE_1: {
+ name: "Bronze 1",
+ url: "/icons/ranks/02_bronze_01_medium.webp",
+ min: 1050,
+ max: 1099,
+ rank: 0,
+ },
+ IRON_3: {
+ name: "Iron 3",
+ url: "/icons/ranks/03_iron_03_medium.webp",
+ min: 1100,
+ max: 1149,
+ rank: 0,
+ },
+ IRON_2: {
+ name: "Iron 2",
+ url: "/icons/ranks/03_iron_02_medium.webp",
+ min: 1150,
+ max: 1199,
+ rank: 0,
+ },
+ IRON_1: {
+ name: "Iron 1",
+ url: "/icons/ranks/03_iron_01_medium.webp",
+ min: 1200,
+ max: 1249,
+ rank: 0,
+ },
+ SILVER_3: {
+ name: "Silver 3",
+ url: "/icons/ranks/04_silver_03_medium.webp",
+ min: 1250,
+ max: 1299,
+ rank: 0,
+ },
+ SILVER_2: {
+ name: "Silver 2",
+ url: "/icons/ranks/04_silver_02_medium.webp",
+ min: 1300,
+ max: 1349,
+ rank: 0,
+ },
+ SILVER_1: {
+ name: "Silver 1",
+ url: "/icons/ranks/04_silver_01_medium.webp",
+ min: 1350,
+ max: 1399,
+ rank: 0,
+ },
+ GOLD_3: {
+ name: "Gold 3",
+ url: "/icons/ranks/05_gold_03_medium.webp",
+ min: 1400,
+ max: 1499,
+ rank: 0,
+ },
+ GOLD_2: {
+ name: "Gold 2",
+ url: "/icons/ranks/05_gold_02_medium.webp",
+ min: 1500,
+ max: 1599,
+ rank: 0,
+ },
+ // Not in the top 50 players per leaderboard.
+ GOLD_1: {
+ name: "Gold 1",
+ url: "/icons/ranks/05_gold_01_medium.webp",
+ min: 1600,
+ max: 5000,
+ rank: 0,
+ },
+ // These ranks need the special "top" field to identify those players above +1600 ELO in the leaderboard.
+ CHALLENGER_5: {
+ name: "Challenger 5",
+ url: "/icons/ranks/06_master_05_medium.webp",
+ min: 1600,
+ max: 5000,
+ rank: 50,
+ },
+ CHALLENGER_4: {
+ name: "Challenger 4",
+ url: "/icons/ranks/06_master_04_medium.webp",
+ min: 1600,
+ max: 5000,
+ rank: 25,
+ },
+ CHALLENGER_3: {
+ name: "Challenger 3",
+ url: "/icons/ranks/06_master_03_medium.webp",
+ min: 1600,
+ max: 5000,
+ rank: 10,
+ },
+ CHALLENGER_2: {
+ name: "Challenger 2",
+ url: "/icons/ranks/06_master_02_medium.webp",
+ min: 1600,
+ max: 5000,
+ rank: 5,
+ },
+ CHALLENGER_1: {
+ name: "Challenger 1",
+ url: "/icons/ranks/06_master_01_medium.webp",
+ min: 1600,
+ max: 5000,
+ rank: 1,
+ },
+};
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
new file mode 100644
index 0000000..bbc9bd8
--- /dev/null
+++ b/src/utils/utils.ts
@@ -0,0 +1,39 @@
+import {PlayerRanks} from "./coh3-data";
+
+export const calculatePlayerTier = (rank: number, rating: number) => {
+ if (!rank || rank <= 0) {
+ return PlayerRanks.NO_RANK;
+ }
+
+ if (rating < 1600) {
+ const playerRank = Object.values(PlayerRanks).find((x) => x.min <= rating && rating <= x.max);
+
+ return playerRank || PlayerRanks.NO_RANK;
+ }
+
+ // If rating is higher than 1600, take into account the rank.
+ if (rating >= 1600) {
+ // GOLD_1 is exception
+ if (rank > 50) {
+ return PlayerRanks.GOLD_1;
+ }
+
+ // Create a sorted array of PlayerRanks entries
+ const sortedPlayerRanks = Object.entries(PlayerRanks).sort(
+ ([, rankInfoA], [, rankInfoB]) => rankInfoA.rank - rankInfoB.rank,
+ );
+
+ let rankKey = "CHALLENGER_5";
+
+ for (const [key, rankInfo] of sortedPlayerRanks) {
+ if (rank <= rankInfo.rank) {
+ rankKey = key;
+ break;
+ }
+ }
+
+ return PlayerRanks[rankKey];
+ }
+
+ return PlayerRanks.NO_RANK;
+};