diff --git a/app/features/sendouq/q.css b/app/features/sendouq/q.css index 7de7b95db..be82b8096 100644 --- a/app/features/sendouq/q.css +++ b/app/features/sendouq/q.css @@ -142,9 +142,13 @@ gap: var(--s-4); } -.q-match__weapon-grid-item { - width: 32px; - height: 32px; +.q-match__report__user-name-container { + display: flex; + gap: var(--s-2); + width: 175px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } @media screen and (min-width: 480px) { diff --git a/app/features/sendouq/routes/q.match.$id.tsx b/app/features/sendouq/routes/q.match.$id.tsx index 7bee8d7fa..43a3fdf61 100644 --- a/app/features/sendouq/routes/q.match.$id.tsx +++ b/app/features/sendouq/routes/q.match.$id.tsx @@ -78,6 +78,7 @@ import { addPlayerResults } from "../queries/addPlayerResults.server"; import { resolveRoomPass } from "~/features/tournament-bracket/tournament-bracket-utils"; import { FormWithConfirm } from "~/components/FormWithConfirm"; import { addDummySkill } from "../queries/addDummySkill.server"; +import { inGameNameWithoutDiscriminator } from "~/utils/strings"; export const links: LinksFunction = () => { return [{ rel: "stylesheet", href: styles }]; @@ -593,7 +594,7 @@ function AfterMatchActions({ name="weapons" value={JSON.stringify(weaponsUsage)} /> -
+
{playedMaps.map((map, i) => { return (
@@ -623,9 +624,9 @@ function AfterMatchActions({ {[ ...data.groupAlpha.members, ...data.groupBravo.members, - ].map((m, j) => { + ].map((member, j) => { return ( - + {j === 0 ? ( Alpha ) : null} @@ -633,28 +634,50 @@ function AfterMatchActions({ Bravo ) : null}
-
- {m.discordName} +
+ {" "} + {member.inGameName ? ( + <> + + IGN: + {" "} + {inGameNameWithoutDiscriminator( + member.inGameName + )} + + ) : ( + member.discordName + )}
- { - if (!weapon) return; +
+ + { + if (!weapon) return; - setWeaponsUsage((val) => { - const newVal = [...val]; - newVal[i] = [...newVal[i]]; - newVal[i][j] = Number( - weapon.value - ) as MainWeaponId; - return newVal; - }); - }} - /> + setWeaponsUsage((val) => { + const newVal = [...val]; + newVal[i] = [...newVal[i]]; + newVal[i][j] = Number( + weapon.value + ) as MainWeaponId; + return newVal; + }); + }} + /> +
); @@ -675,7 +698,7 @@ function AfterMatchActions({
{match.map((weapon, j) => { return ( - <> + {typeof weapon === "number" ? ( )} {j === 3 ?
: null} - + ); })}
@@ -755,7 +778,7 @@ function MatchGroup({ {member.inGameName ? ( <> IGN:{" "} - {member.inGameName} + {inGameNameWithoutDiscriminator(member.inGameName)} ) : ( member.discordName