Real Traffic
-{stats.realHits.toLocaleString()}
- {((stats.realHits / stats.totalHits) * 100).toFixed(1)}% of total +{realHits.toLocaleString()}
+ {totalHits > 0 ? ((realHits / totalHits) * 100).toFixed(1) : '0.0'}% of totalFailed to load analytics.
if (!stats) return null + // Normalize fields that may be missing from older data + const realHits = stats.realHits ?? 0 + const botHits = stats.botHits ?? 0 + const totalHits = stats.totalHits ?? 0 + const last7DaysReal = stats.last7DaysReal ?? stats.last7Days.map((d: { day: string; hits: number }) => ({ day: d.day, hits: 0 })) + const last7DaysBot = stats.last7DaysBot ?? stats.last7Days.map((d: { day: string; hits: number }) => ({ day: d.day, hits: 0 })) + const last30DaysRealTotal = stats.last30DaysRealTotal ?? 0 + const last30DaysBotTotal = stats.last30DaysBotTotal ?? 0 + const topPathsReal = stats.topPathsReal ?? stats.topPaths + const topPathsBot = stats.topPathsBot ?? [] + const botReasons = stats.botReasons ?? [] + // Chart data - Daily trend const dailyChartData = { labels: stats.last7Days.map((d: { day: string; hits: number }) => d.day), datasets: [ { label: 'Real Visitors', - data: stats.last7DaysReal.map((d: { day: string; hits: number }) => d.hits), + data: last7DaysReal.map((d: { day: string; hits: number }) => d.hits), borderColor: '#c9a84c', backgroundColor: 'rgba(201, 168, 76, 0.1)', tension: 0.4, @@ -63,7 +100,7 @@ export function AnalyticsPanel({ }, { label: 'Bot Traffic', - data: stats.last7DaysBot.map((d: { day: string; hits: number }) => d.hits), + data: last7DaysBot.map((d: { day: string; hits: number }) => d.hits), borderColor: '#666', backgroundColor: 'rgba(102, 102, 102, 0.1)', tension: 0.4, @@ -74,9 +111,9 @@ export function AnalyticsPanel({ // Chart data - Bot breakdown (pie) const botPieData = { - labels: stats.botReasons.map((b: { reason: string; count: number }) => b.reason.replace(/-/g, ' ')), + labels: botReasons.map((b: { reason: string; count: number }) => b.reason.replace(/-/g, ' ')), datasets: [{ - data: stats.botReasons.map((b: { reason: string; count: number }) => b.count), + data: botReasons.map((b: { reason: string; count: number }) => b.count), backgroundColor: [ '#c9a84c', '#a0853d', @@ -98,7 +135,7 @@ export function AnalyticsPanel({ const trafficRatioData = { labels: ['Real Visitors', 'Bot Traffic'], datasets: [{ - data: [stats.realHits, stats.botHits], + data: [realHits, botHits], backgroundColor: ['#c9a84c', '#999'], borderColor: '#1a1a15', borderWidth: 2, @@ -106,9 +143,9 @@ export function AnalyticsPanel({ } // Top paths comparison - const topPathsLabels = Array.from({ length: Math.max(stats.topPathsReal.length, stats.topPathsBot.length) }, (_, i: number) => { - const realPath = stats.topPathsReal[i]?.path || '' - const botPath = stats.topPathsBot[i]?.path || '' + const topPathsLabels = Array.from({ length: Math.max(topPathsReal.length, topPathsBot.length) }, (_, i: number) => { + const realPath = topPathsReal[i]?.path || '' + const botPath = topPathsBot[i]?.path || '' return realPath || botPath || `Path ${i + 1}` }).slice(0, 8) @@ -117,12 +154,12 @@ export function AnalyticsPanel({ datasets: [ { label: 'Real Hits', - data: topPathsLabels.map((_label, i) => stats.topPathsReal[i]?.hits || 0), + data: topPathsLabels.map((_label, i) => topPathsReal[i]?.hits || 0), backgroundColor: '#c9a84c', }, { label: 'Bot Hits', - data: topPathsLabels.map((_label, i) => stats.topPathsBot[i]?.hits || 0), + data: topPathsLabels.map((_label, i) => topPathsBot[i]?.hits || 0), backgroundColor: '#999', }, ], @@ -175,18 +212,18 @@ export function AnalyticsPanel({{stats.realHits.toLocaleString()}
- {((stats.realHits / stats.totalHits) * 100).toFixed(1)}% of total +{realHits.toLocaleString()}
+ {totalHits > 0 ? ((realHits / totalHits) * 100).toFixed(1) : '0.0'}% of total{stats.botHits.toLocaleString()}
- {((stats.botHits / stats.totalHits) * 100).toFixed(1)}% of total +{botHits.toLocaleString()}
+ {totalHits > 0 ? ((botHits / totalHits) * 100).toFixed(1) : '0.0'}% of total{stats.last30DaysRealTotal.toLocaleString()}
- Real hits • {stats.last30DaysBotTotal.toLocaleString()} bots +{last30DaysRealTotal.toLocaleString()}
+ Real hits • {last30DaysBotTotal.toLocaleString()} botsNo bot traffic detected.
) : (No bots detected yet.
) : (No visitor data yet.
- ) : ( -| Time | IP | Country | Path | Returning | Visit # | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Time | +IP | +Country | +Path | +Returning | +Visit # | +||||||
| {formatDate(row.at)} | {maskIp(row.ip)} | {row.country} | {row.path} | {row.returningVisitor ? 'Yes' : 'No'} | {row.visitCount} | +{formatDate(row.at)} | +{maskIp(row.ip)} |
+ {row.country || '—'} | +{row.path} | ++ + {row.returningVisitor ? 'Returning' : 'New'} + + | +{row.visitCount} |