diff --git a/app/features/sendouq/q.css b/app/features/sendouq/q.css index 35c62b93c..46b5fe49f 100644 --- a/app/features/sendouq/q.css +++ b/app/features/sendouq/q.css @@ -133,6 +133,12 @@ min-width: 180px; } +.q-match__star-icon { + width: 18px; + color: var(--theme-secondary); + stroke-width: 2; +} + .q-match__container { /** Push footer down to avoid it "flashing" when the score reporter animates */ padding-bottom: 14rem; diff --git a/app/features/sendouq/routes/q.match.$id.tsx b/app/features/sendouq/routes/q.match.$id.tsx index bcadbdcd0..003bc7838 100644 --- a/app/features/sendouq/routes/q.match.$id.tsx +++ b/app/features/sendouq/routes/q.match.$id.tsx @@ -80,6 +80,8 @@ import { FormWithConfirm } from "~/components/FormWithConfirm"; import { addDummySkill } from "../queries/addDummySkill.server"; import { inGameNameWithoutDiscriminator } from "~/utils/strings"; import { currentSeason } from "~/features/mmr"; +import { StarFilledIcon } from "~/components/icons/StarFilled"; +import { StarIcon } from "~/components/icons/Star"; export const links: LinksFunction = () => { return [{ rel: "stylesheet", href: styles }]; @@ -775,6 +777,12 @@ function MatchGroup({ side: "ALPHA" | "BRAVO"; showWeapons: boolean; }) { + const roleString = (role: GroupMember["role"]) => { + if (role === "REGULAR") return ""; + + return ` (${role.toLowerCase()})`; + }; + return (

{side}

@@ -798,6 +806,7 @@ function MatchGroup({
@@ -810,6 +819,12 @@ function MatchGroup({ member.discordName )}
+ {member.role === "OWNER" ? ( + + ) : null} + {member.role === "MANAGER" ? ( + + ) : null} {showWeapons && member.weapons.length > 0 ? (