Revert leaderboard link change

cartridge-gg · Nov 12, 2024 · 5ea9ab3 · 5ea9ab3
1 parent 646856f
commit 5ea9ab3
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/profile/src/components/trophies/leaderboard.tsx b/packages/profile/src/components/trophies/leaderboard.tsx
@@ -4,9 +4,10 @@ import {
   SparklesIcon,
   StateIconProps,
 } from "@cartridge/ui-next";
-import { Link } from "react-router-dom";
+import { Link, useLocation } from "react-router-dom";
 import { Player } from "@/hooks/achievements";
 import { useUsername } from "@/hooks/account";
+import { useMemo } from "react";
 
 export function Leaderboard({
   players,
@@ -42,9 +43,15 @@ function Row({
   rank: number;
 }) {
   const { username } = useUsername({ address });
+  const location = useLocation();
+
+  const path = useMemo(() => {
+    if (self) return location.pathname;
+    return [...location.pathname.split("/"), address].join("/");
+  }, [location.pathname, address, self]);
 
   return (
-    <Link className="flex" to="..">
+    <Link className="flex" to={path}>
       {self && <div className="w-[4px] bg-muted" />}
       <div
         className={cn(