From c7227d181d68511c63d2c1ae0779c5cb2a651dfc Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 29 May 2025 18:00:04 +0300
Subject: [PATCH] Add user page links to scrim page

---
 app/features/scrims/routes/scrims.$id.module.css | 1 +
 app/features/scrims/routes/scrims.$id.tsx        | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/features/scrims/routes/scrims.$id.module.css b/app/features/scrims/routes/scrims.$id.module.css
index 64d8efc93..ce37eeb65 100644
--- a/app/features/scrims/routes/scrims.$id.module.css
+++ b/app/features/scrims/routes/scrims.$id.module.css
@@ -28,6 +28,7 @@
 	font-size: var(--fonts-xsm);
 	font-weight: var(--semi-bold);
 	padding-inline-end: var(--s-2-5);
+	color: var(--text);
 }
 
 .infoHeader {
diff --git a/app/features/scrims/routes/scrims.$id.tsx b/app/features/scrims/routes/scrims.$id.tsx
index 113a38042..5c7e7af12 100644
--- a/app/features/scrims/routes/scrims.$id.tsx
+++ b/app/features/scrims/routes/scrims.$id.tsx
@@ -7,7 +7,7 @@ import { Avatar } from "../../../components/Avatar";
 import { Main } from "../../../components/Main";
 import { databaseTimestampToDate } from "../../../utils/dates";
 import { logger } from "../../../utils/logger";
-import { teamPage, userSubmittedImage } from "../../../utils/urls";
+import { teamPage, userPage, userSubmittedImage } from "../../../utils/urls";
 import { ConnectedChat } from "../../chat/components/Chat";
 import * as Scrim from "../core/Scrim";
 import type { ScrimPost as ScrimPostType } from "../scrims-types";
@@ -105,10 +105,10 @@ function GroupCard({
 			</div>
 			<div className={styles.groupCard}>
 				{group.users.map((user) => (
-					<div key={user.id} className={styles.memberRow}>
+					<Link to={userPage(user)} key={user.id} className={styles.memberRow}>
 						<Avatar user={user} size="xs" />
 						{user.username}
-					</div>
+					</Link>
 				))}
 			</div>
 		</div>