From dd3377e7f3f6c778eee6e6bf249052a6d5a53fa1 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Tue, 15 Nov 2022 00:45:42 +0200
Subject: [PATCH] TO Tools roster link to user page

---
 app/routes/to.$identifier/components/TeamWithRoster.tsx | 9 +++++++--
 app/styles/tournament.css                               | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/routes/to.$identifier/components/TeamWithRoster.tsx b/app/routes/to.$identifier/components/TeamWithRoster.tsx
index 23bcdd339..b5fdd897d 100644
--- a/app/routes/to.$identifier/components/TeamWithRoster.tsx
+++ b/app/routes/to.$identifier/components/TeamWithRoster.tsx
@@ -1,9 +1,11 @@
+import { Link } from "@remix-run/react";
 import clsx from "clsx";
 import { Avatar } from "~/components/Avatar";
 import { Button } from "~/components/Button";
 import { TrashIcon } from "~/components/icons/Trash";
 import type { FindTeamsByEventIdItem } from "~/db/models/tournaments/queries.server";
 import { useUser } from "~/modules/auth";
+import { userPage } from "~/utils/urls";
 
 export function TeamWithRoster({
   team,
@@ -36,9 +38,12 @@ export function TeamWithRoster({
               </Button>
             )}
             <Avatar user={member} size="xxs" />
-            <span className="tournament__team-member-name">
+            <Link
+              to={userPage(member)}
+              className="tournament__team-member-name"
+            >
               {member.discordName}
-            </span>
+            </Link>
           </li>
         ))}
       </ul>
diff --git a/app/styles/tournament.css b/app/styles/tournament.css
index 369f5f6e6..d74d2fe10 100644
--- a/app/styles/tournament.css
+++ b/app/styles/tournament.css
@@ -129,6 +129,7 @@
 
 .tournament__team-member-name {
   overflow: hidden;
+  color: var(--text);
   text-overflow: ellipsis;
   white-space: nowrap;
 }