update package

Author: feb027

app/analytics/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect } from 'react';
+import { useSearchParams } from 'next/navigation';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Skeleton } from '@/components/ui/skeleton';
@@ -72,6 +73,9 @@ const COLORS = {
 const PIE_COLORS = [COLORS.primary, COLORS.secondary, COLORS.tertiary, COLORS.quaternary, COLORS.quinary];
 
 export default function AnalyticsPage() {
+  const searchParams = useSearchParams();
+  const isEmptyPreview = searchParams.get('preview') === 'empty';
+  
   const [data, setData] = useState<AnalyticsData | null>(null);
   const [insights, setInsights] = useState<Insight[]>([]);
   const [loading, setLoading] = useState(true);
@@ -122,8 +126,24 @@ export default function AnalyticsPage() {
   };
 
   useEffect(() => {
+    // Skip fetch if in empty preview mode
+    if (isEmptyPreview) {
+      setLoading(false);
+      setData({
+        totalAnalyses: 0,
+        maturityRate: 0,
+        averageSweetness: 0,
+        averageConfidence: 0,
+        typeDistribution: [],
+        trendData: [],
+        skinQualityDistribution: [],
+        sweetnessDistribution: [],
+      });
+      setInsights([]);
+      return;
+    }
     fetchAnalytics();
-  }, []);
+  }, [isEmptyPreview]);
 
   const handleApplyFilters = () => {
     fetchAnalytics();
@@ -214,6 +234,35 @@ export default function AnalyticsPage() {
     return null;
   }
 
+  // Empty state when no data
+  const isEmpty = data.totalAnalyses === 0;
+
+  if (isEmpty) {
+    return (
+      <div className="container mx-auto p-4 space-y-6">
+        <div>
+          <h1 className="text-3xl font-bold">Dashboard Analitik</h1>
+          <p className="text-muted-foreground">
+            Statistik dan tren analisis semangka & melon
+          </p>
+        </div>
+        
+        <Card>
+          <CardContent className="py-12 text-center">
+            <TrendingUp className="mx-auto h-12 w-12 text-muted-foreground mb-4" />
+            <h3 className="text-lg font-semibold mb-2">Belum Ada Data Analitik</h3>
+            <p className="text-muted-foreground mb-4">
+              Belum ada analisis yang dilakukan. Mulai analisis pertama Anda untuk melihat statistik!
+            </p>
+            <Button asChild>
+              <a href="/">Mulai Analisis</a>
+            </Button>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+
   return (
     <div className="container mx-auto p-4 space-y-6">
       {/* Header */}

app/history/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect } from 'react';
+import { useSearchParams } from 'next/navigation';
 import Image from 'next/image';
 import { Calendar, Filter, Search } from 'lucide-react';
 import { Card, CardContent } from '@/components/ui/card';
@@ -43,6 +44,9 @@ interface HistoryResponse {
 }
 
 export default function HistoryPage() {
+  const searchParams = useSearchParams();
+  const isEmptyPreview = searchParams.get('preview') === 'empty';
+  
   const [analyses, setAnalyses] = useState<Analysis[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -98,8 +102,15 @@ export default function HistoryPage() {
 
   // Fetch on mount and when filters change
   useEffect(() => {
+    // Skip fetch if in empty preview mode
+    if (isEmptyPreview) {
+      setLoading(false);
+      setAnalyses([]);
+      setPagination({ total: 0, totalPages: 0, hasNextPage: false, hasPreviousPage: false });
+      return;
+    }
     fetchAnalyses();
-  }, [page, maturityFilter]);
+  }, [page, maturityFilter, isEmptyPreview]);
 
   // Handle analysis click
   const handleAnalysisClick = (analysis: Analysis) => {

bun.lock

@@ -37,7 +37,7 @@
     "clsx": "^2.1.1",
     "dexie": "^4.2.1",
     "lucide-react": "^0.468.0",
-    "next": "16.0.3",
+    "next": "16.0.7",
     "next-pwa": "^5.6.0",
     "next-themes": "^0.4.4",
     "react": "^19.0.0",