diff --git a/src/components/RightSidebar.tsx b/src/components/RightSidebar.tsx index 21f8c32a..5d0566aa 100644 --- a/src/components/RightSidebar.tsx +++ b/src/components/RightSidebar.tsx @@ -90,11 +90,14 @@ export function TrendSparkline({ data }: { data: number[] }) { export function RightSidebar() { const isXl = useIsXl(); - const { data: trendingTags, isLoading: tagsLoading } = useTrendingTags(isXl); + const { data: trendingTagsResult, isLoading: tagsLoading } = useTrendingTags(isXl); const { data: rawHotPosts, isLoading: hotLoading } = useSortedPosts('hot', 5, isXl); const { data: latestAccounts, isLoading: accountsLoading } = useLatestAccounts(isXl); const { muteItems } = useMuteList(); + const trendingTags = trendingTagsResult?.tags; + const labelCreatedAt = trendingTagsResult?.labelCreatedAt ?? 0; + const hotPosts = useMemo(() => { if (!rawHotPosts || muteItems.length === 0) return rawHotPosts; return rawHotPosts.filter((e) => !isEventMuted(e, muteItems)); @@ -102,7 +105,7 @@ export function RightSidebar() { // Fetch real sparkline data for the visible trending tags const visibleTags = useMemo(() => (trendingTags ?? []).slice(0, 5).map((t) => t.tag), [trendingTags]); - const { data: sparklineData, isLoading: sparklinesLoading } = useTagSparklines(visibleTags, isXl && visibleTags.length > 0); + const { data: sparklineData, isLoading: sparklinesLoading } = useTagSparklines(visibleTags, labelCreatedAt, isXl && visibleTags.length > 0); return (