diff --git a/src/renderer/src/pages/achievement/achievements-content.tsx b/src/renderer/src/pages/achievement/achievements-content.tsx index 25b04afd..24fdf672 100644 --- a/src/renderer/src/pages/achievement/achievements-content.tsx +++ b/src/renderer/src/pages/achievement/achievements-content.tsx @@ -15,8 +15,8 @@ import Color from "color"; const HERO_ANIMATION_THRESHOLD = 25; interface AchievementsContentProps { - userId: string | null; - displayName: string | null; + otherUserId: string | null; + otherUserDisplayName: string | null; } interface AchievementListProps { @@ -201,8 +201,8 @@ function AchievementList({ } export function AchievementsContent({ - userId, - displayName, + otherUserId: userId, + otherUserDisplayName: displayName, }: AchievementsContentProps) { const heroRef = useRef(null); const containerRef = useRef(null); diff --git a/src/renderer/src/pages/achievement/achievements.tsx b/src/renderer/src/pages/achievement/achievements.tsx index e5f5de31..3dcf3fcf 100644 --- a/src/renderer/src/pages/achievement/achievements.tsx +++ b/src/renderer/src/pages/achievement/achievements.tsx @@ -1,5 +1,5 @@ import { setHeaderTitle } from "@renderer/features"; -import { useAppDispatch } from "@renderer/hooks"; +import { useAppDispatch, useUserDetails } from "@renderer/hooks"; import type { GameShop } from "@types"; import { useEffect } from "react"; import { useSearchParams } from "react-router-dom"; @@ -20,6 +20,8 @@ export function Achievement() { const userId = searchParams.get("userId"); const displayName = searchParams.get("displayName"); + const { userDetails } = useUserDetails(); + const dispatch = useAppDispatch(); useEffect(() => { @@ -30,6 +32,8 @@ export function Achievement() { if (!objectId || !shop || !title) return null; + const otherUserId = userDetails?.id == userId ? null : userId; + return ( ) : ( )}