diff --git a/app/features/sendouq/q.css b/app/features/sendouq/q.css index 25b9e6020..c962b2a69 100644 --- a/app/features/sendouq/q.css +++ b/app/features/sendouq/q.css @@ -374,19 +374,33 @@ .q-match__report-section { display: grid; - grid-template-columns: max-content 1fr; + grid-template-columns: max-content max-content 1fr; row-gap: var(--s-2); - column-gap: var(--s-4); + column-gap: var(--s-2-5); align-items: center; font-size: var(--fonts-xs); } +.q-match__result-dot { + width: 12px; + height: 12px; + border-radius: 100%; + background-color: var(--text-lighter); +} + +.q-match__result-dot__won { + background-color: var(--theme-success); +} + +.q-match__result-dot__lost { + background-color: var(--theme-error); +} + .q-match__pool-pass-container { display: flex; gap: var(--s-2); flex-direction: column; max-width: max-content; - margin: 0 auto; } .q-match__sentiment-emoji { diff --git a/app/features/sendouq/routes/q.match.$id.tsx b/app/features/sendouq/routes/q.match.$id.tsx index 5d5a0b2bc..768cee73c 100644 --- a/app/features/sendouq/routes/q.match.$id.tsx +++ b/app/features/sendouq/routes/q.match.$id.tsx @@ -1057,7 +1057,9 @@ function BottomSection({ ); const roomJoiningInfoElement = ( -
+
w.mapIndex === i)?.weaponSplId + } onOwnWeaponSelected={(newReportedWeapon) => { if (!newReportedWeapon) return; @@ -1322,6 +1327,7 @@ function MapListMap({ setWinners, canReportScore, weapons, + ownWeapon, onOwnWeaponSelected, showReportedOwnWeapon, recentlyReportedWeapons, @@ -1333,6 +1339,7 @@ function MapListMap({ setWinners?: (winners: ("ALPHA" | "BRAVO")[]) => void; canReportScore: boolean; weapons?: (MainWeaponId | null)[] | null; + ownWeapon?: MainWeaponId | null; onOwnWeaponSelected?: (weapon: ReportedWeaponForMerging | null) => void; showReportedOwnWeapon: boolean; recentlyReportedWeapons?: MainWeaponId[]; @@ -1532,6 +1539,15 @@ function MapListMap({ +
+
+
{t("q:match.report.weaponLabel")} +
+ +