From bd7a9252c68531e1f9f0c8d1a428d2db6cb91488 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 19 Mar 2021 10:28:43 +0200
Subject: [PATCH] closes #301

---
 pages/sr/leaderboards/index.tsx | 10 ++++++++--
 pages/sr/player/[id].tsx        |  4 ++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/pages/sr/leaderboards/index.tsx b/pages/sr/leaderboards/index.tsx
index 9a95c9e0c..5c0658d11 100644
--- a/pages/sr/leaderboards/index.tsx
+++ b/pages/sr/leaderboards/index.tsx
@@ -16,6 +16,7 @@ import { Plural, Trans } from "@lingui/macro";
 import { useLingui } from "@lingui/react";
 import { SalmonRunRecordCategory } from "@prisma/client";
 import LinkButton from "components/common/LinkButton";
+import MyLink from "components/common/MyLink";
 import {
   Table,
   TableBody,
@@ -194,8 +195,13 @@ const SalmonRunLeaderboardsPage = ({}) => {
                               my={4}
                               justify="center"
                             >
-                              <UserAvatar isSmall user={user} mr={2} />
-                              {user.username}#{user.discriminator}
+                              <MyLink
+                                href={`/u/${user.discordId}`}
+                                isColored={false}
+                              >
+                                <UserAvatar isSmall user={user} mr={2} />
+                                {user.username}#{user.discriminator}
+                              </MyLink>
                             </Flex>
                           ))}
                         </TableCell>
diff --git a/pages/sr/player/[id].tsx b/pages/sr/player/[id].tsx
index d6037efcf..e44b33f6f 100644
--- a/pages/sr/player/[id].tsx
+++ b/pages/sr/player/[id].tsx
@@ -20,7 +20,7 @@ interface Props {
 }
 
 const SalmonRunPlayerPage = (props: Props) => {
-  const { gray } = useMyTheme();
+  const { gray, secondaryBgColor } = useMyTheme();
   const user = props.user!;
 
   return (
@@ -71,7 +71,7 @@ const SalmonRunPlayerPage = (props: Props) => {
                     )
                     .map((record) => (
                       <WrapItem key={record.id}>
-                        <Box>
+                        <Box bg={secondaryBgColor} rounded="lg" p={3}>
                           <SubText mb={2} mt={2}>
                             {record.rotation.stage}
                           </SubText>