fix: scope stats history to mainnet views (#12)

Author: NateIsern

src/components/network-status-content.tsx

@@ -44,9 +44,9 @@ export function NetworkStatusContent() {
   const common = useTranslations('common')
   const { currentNetwork } = useNetwork()
   const { data: status, isLoading, isError, error, refetch, isFetching } = useNodeStatus()
-  const { data: statsHistory } = useStatsHistory()
+  const { data: statsHistory } = useStatsHistory({ network: currentNetwork })
 
-  // Background series for the time-varying tiles (Connections, Difficulty).
+  // Mainnet-only background series for the time-varying tiles (Connections, Difficulty).
   // Series shorter than MIN_SPARK_POINTS are dropped so the tile stays clean.
   const sparks = useMemo(() => {
     const points = statsHistory ?? []

src/components/stats-content.tsx

@@ -18,6 +18,7 @@ import {
 import { useTranslations } from '@/lib/i18n'
 import { useStats } from '@/hooks/use-stats'
 import { useStatsHistory } from '@/hooks/use-stats-history'
+import { useNetwork } from '@/contexts/network-context'
 import { computeSupplyInfo } from '@/lib/supply'
 import { formatBytes, formatCompactNumber, formatNumber } from '@/lib/format'
 import { DetailHeader } from '@/components/detail/detail-header'
@@ -41,10 +42,11 @@ const SUPPLY_BAR_GRADIENT = 'linear-gradient(90deg, hsl(var(--primary)), hsl(var
 export function StatsContent() {
   const t = useTranslations('stats')
   const common = useTranslations('common')
+  const { currentNetwork } = useNetwork()
   const { data: stats, isLoading, isError, error, refetch, isFetching } = useStats()
-  const { data: statsHistory } = useStatsHistory()
+  const { data: statsHistory } = useStatsHistory({ network: currentNetwork })
 
-  // Per-metric background series from the sampled history. Series shorter than
+  // Per-metric background series from the mainnet-only sampled history. Series shorter than
   // MIN_SPARK_POINTS are dropped so the tile renders clean (never a placeholder).
   const sparks = useMemo(() => {
     const points = statsHistory ?? []

src/hooks/use-stats-history.ts

@@ -1,4 +1,5 @@
 import { useQuery } from '@tanstack/react-query'
+import type { NetworkType } from '@/contexts/network-context'
 
 /**
  * A single sampled snapshot of the network's time-varying stats, written by the
@@ -23,9 +24,21 @@ interface StatHistoryResponse {
  * in place and the tiles fill in their background sparklines automatically once
  * points exist.
  */
-export function useStatsHistory() {
+interface UseStatsHistoryOptions {
+  /**
+   * The stats-history endpoint is intentionally sampled for mainnet only.
+   * Network-aware pages pass their selected network so testnet views do not
+   * accidentally render cached mainnet history alongside live testnet values.
+   */
+  network?: NetworkType
+}
+
+export function useStatsHistory(options: UseStatsHistoryOptions = {}) {
+  const network = options.network ?? 'mainnet'
+
   return useQuery<StatHistoryPoint[]>({
-    queryKey: ['stats-history'],
+    queryKey: ['stats-history', network],
+    enabled: network === 'mainnet',
     queryFn: async (): Promise<StatHistoryPoint[]> => {
       const response = await fetch('/api/stats/history', {
         headers: { Accept: 'application/json' },