closes #301

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>

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>