Error loading stats: {error}

;\n }\n\n if (!overallStats) {\n return

No stats available

;\n }\n\n const periodData = useMemo(() => {\n const viewsMap = {\n day: overallStats.dayViews,\n week: overallStats.weekViews,\n month: overallStats.monthViews\n };\n const percentageMap = {\n day: overallStats.dayPercentage,\n week: overallStats.weekPercentage,\n month: overallStats.monthPercentage\n };\n const views = viewsMap[selectedPeriod] || 0;\n const percentage = percentageMap[selectedPeriod] || 0;\n return { views, trend: percentage };\n }, [overallStats, selectedPeriod]);\n\n const TrendIndicator = ({ trend }: { trend: number }) => {\n const Icon = trend >= 0 ? TrendingUp : TrendingDown;\n return (\n = 0 ? 'font-semibold text-lg text-green-500' : 'font-semibold text-lg text-red-500'}`}>\n \n {Math.abs(trend).toFixed(1)}%\n \n );\n };\n\n return (\n

\n \n \n \n \n \n {overallStats.dayViews?.toLocaleString()}\n \n

\n }\n />\n \n {overallStats.weekViews?.toLocaleString()}\n \n

\n }\n />\n \n {overallStats.monthViews?.toLocaleString()}\n \n \n }\n />\n \n \n );\n};\n\nexport default OverallStatsSection;\n","deleted","label",[178,179,180,160],"frontend","components","sections","permalink","https://www.val.town/x/nbbaier/counterTown/code/frontend/components/sections/OverallStatsSection.tsx","extension","actionData","errors"]