From df3ecb438a61ecc7f8fdec6dfd3efab9b67dc763 Mon Sep 17 00:00:00 2001
From: Tahmid Ahmed <tahmid@tahmid.io>
Date: Sat, 1 Aug 2026 23:13:22 -0400
Subject: [PATCH] Update achievement to link to attached leaderboard (and with
 specific filter enabled if not global)

---
 js/src/components/ui/tags/UserAchievement.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/js/src/components/ui/tags/UserAchievement.tsx b/js/src/components/ui/tags/UserAchievement.tsx
index 315397ccc..1124ca2e3 100644
--- a/js/src/components/ui/tags/UserAchievement.tsx
+++ b/js/src/components/ui/tags/UserAchievement.tsx
@@ -5,6 +5,7 @@ import { ApiUtils } from "@/lib/api/utils";
 import { Image, Tooltip, Box, Text, Stack, Divider } from "@mantine/core";
 import dayjs from "dayjs";
 import { useMemo } from "react";
+import { Link } from "react-router-dom";
 
 type AchievementDto = Api<"AchievementDto">;
 interface UserAchievementProps {
@@ -80,7 +81,11 @@ function GlobalTrophyBadge({ achievement }: AchievementBadgeProps) {
       withArrow
       position="top"
     >
-      <Box style={{ position: "relative", display: "inline-block" }}>
+      <Box
+        style={{ position: "relative", display: "inline-block" }}
+        component={Link}
+        to={`/leaderboard/${achievement.leaderboardId}`}
+      >
         <Text fz={34} lh={1}>
           🏆
         </Text>
@@ -124,7 +129,11 @@ function LeaderboardAchievementBadge({
       withArrow
       position="top"
     >
-      <Box style={{ position: "relative", display: "inline-block" }}>
+      <Box
+        style={{ position: "relative", display: "inline-block" }}
+        component={Link}
+        to={`/leaderboard/${achievement.leaderboardId}?${achievement.leaderboard.toLowerCase()}=true`}
+      >
         <Image
           src={metadata.icon}
           alt={metadata.alt}