From e188d2548a6f2575dbc4fb2d2905b739d8043e28 Mon Sep 17 00:00:00 2001 From: Jeongeun Lee Date: Tue, 14 Jul 2026 22:26:14 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=B6=88=ED=95=84=EC=9A=94?= =?UTF-8?q?=ED=95=9C=20api=20=ED=98=B8=EC=B6=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ReadingKingLeaderboard/MonthlyRankingContent.tsx | 7 ++++++- .../ReadingKingLeaderboard/StreakRankingContent.tsx | 7 ++++++- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/web/src/pages/recommend/components/ReadingKingLeaderboard/MonthlyRankingContent.tsx b/web/src/pages/recommend/components/ReadingKingLeaderboard/MonthlyRankingContent.tsx index a7bce3e11..89d6c6a70 100644 --- a/web/src/pages/recommend/components/ReadingKingLeaderboard/MonthlyRankingContent.tsx +++ b/web/src/pages/recommend/components/ReadingKingLeaderboard/MonthlyRankingContent.tsx @@ -5,13 +5,18 @@ import { RANKING } from './ReadingKingLeaderboard.constants'; import { LeaderboardList, Divider } from './ReadingKingLeaderboard.styles'; import { queries } from '@/apis/queries'; import { Carousel } from '@/components/Carousel/Carousel'; +import { useAuth } from '@/contexts/AuthContext'; import { chunk } from '@/utils/array'; const MonthlyRankingContent = () => { + const { isLoggedIn } = useAuth(); const { data: monthlyReadingRank } = useSuspenseQuery( queries.monthlyReadingRank({ limit: RANKING.maxRank }), ); - const { data: userRank } = useQuery(queries.myMonthlyReadingRank()); + const { data: userRank } = useQuery({ + ...queries.myMonthlyReadingRank(), + enabled: isLoggedIn, + }); const monthlyContent = monthlyReadingRank?.data ?? []; diff --git a/web/src/pages/recommend/components/ReadingKingLeaderboard/StreakRankingContent.tsx b/web/src/pages/recommend/components/ReadingKingLeaderboard/StreakRankingContent.tsx index 3add5aa01..846abf769 100644 --- a/web/src/pages/recommend/components/ReadingKingLeaderboard/StreakRankingContent.tsx +++ b/web/src/pages/recommend/components/ReadingKingLeaderboard/StreakRankingContent.tsx @@ -5,13 +5,18 @@ import { LeaderboardList, Divider } from './ReadingKingLeaderboard.styles'; import StreakMyRank from './StreakMyRank'; import { queries } from '@/apis/queries'; import { Carousel } from '@/components/Carousel/Carousel'; +import { useAuth } from '@/contexts/AuthContext'; import { chunk } from '@/utils/array'; const StreakRankingContent = () => { + const { isLoggedIn } = useAuth(); const { data: streakReadingRank } = useSuspenseQuery( queries.streakReadingRank({ limit: RANKING.maxRank }), ); - const { data: streakUserRank } = useQuery(queries.myStreakReadingRank()); + const { data: streakUserRank } = useQuery({ + ...queries.myStreakReadingRank(), + enabled: isLoggedIn, + }); const streakContent = streakReadingRank?.data ?? [];