Analytics

src/app/(app)/dashboard/page.tsx

@@ -41,6 +41,7 @@ export default function DashboardPage() {
     activeQRCodes: 0,
     conversionRate: 0,
   });
+  const [analyticsData, setAnalyticsData] = useState<any>(null);
 
   const mockQRCodes = [
     {
@@ -239,6 +240,13 @@ export default function DashboardPage() {
           const userData = await userResponse.json();
           setUserPlan(userData.plan || 'FREE');
         }
+
+        // Fetch analytics data for trends (last 30 days = month comparison)
+        const analyticsResponse = await fetch('/api/analytics/summary?range=30');
+        if (analyticsResponse.ok) {
+          const analytics = await analyticsResponse.json();
+          setAnalyticsData(analytics);
+        }
       } catch (error) {
         console.error('Error fetching data:', error);
         setQrCodes([]);
@@ -357,7 +365,13 @@ export default function DashboardPage() {
       </div>
 
       {/* Stats Grid */}
-      <StatsGrid stats={stats} />
+      <StatsGrid
+        stats={stats}
+        trends={{
+          totalScans: analyticsData?.summary.scansTrend,
+          comparisonPeriod: analyticsData?.summary.comparisonPeriod || 'month'
+        }}
+      />
 
       {/* Recent QR Codes */}
       <div>