diff --git a/web/src/pages/recommend/components/ReadingKingLeaderboard/MonthlyRankingContent.tsx b/web/src/pages/recommend/components/ReadingKingLeaderboard/MonthlyRankingContent.tsx index a7bce3e1..89d6c6a7 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 3add5aa0..846abf76 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 ?? [];