testing yuk

components/charts/AsalDaerahChart.tsx

@@ -9,7 +9,7 @@ import { Button } from "@/components/ui/button";
 import { ExternalLink } from "lucide-react";
 import Link from "next/link";
 
-// Dynamically import ApexCharts to avoid SSR issues
+// Import ApexCharts secara dinamis untuk menghindari masalah SSR
 const Chart = dynamic(() => import('react-apexcharts'), { ssr: false });
 
 interface AsalDaerahData {
@@ -107,7 +107,7 @@ export default function AsalDaerahChart({
     fill: {
       opacity: 1,
     },
-    colors: ['#3B82F6'], // Blue color for bars
+    colors: ['#3B82F6'], // Warna biru untuk bar
     tooltip: {
       theme: theme === 'dark' ? 'dark' : 'light',
       y: {
@@ -118,7 +118,7 @@ export default function AsalDaerahChart({
     }
   });
 
-  // Update theme when it changes
+  // Perbarui tema saat berubah
   useEffect(() => {
     setOptions(prev => ({
       ...prev,
@@ -193,12 +193,12 @@ export default function AsalDaerahChart({
         const result = await response.json();
         
         if (!Array.isArray(result)) {
-          throw new Error('Invalid data format received from server');
+          throw new Error('Format data tidak valid diterima dari server');
         }
         
         setData(result);
 
-        // Process data for chart
+        // Proses data untuk chart
         const kabupaten = result.map(item => item.kabupaten);
         const jumlah = result.map(item => item.jumlah);
 
@@ -215,7 +215,7 @@ export default function AsalDaerahChart({
         }));
       } catch (err) {
         console.error('Error in fetchData:', err);
-        setError(err instanceof Error ? err.message : 'An error occurred while fetching data');
+        setError(err instanceof Error ? err.message : 'Terjadi kesalahan saat mengambil data');
       } finally {
         setLoading(false);
       }
@@ -264,11 +264,11 @@ export default function AsalDaerahChart({
     );
   }
 
-  // Calculate dynamic height based on number of kabupaten
+  // Hitung tinggi dinamis berdasarkan jumlah kabupaten
   const calculateHeight = () => {
     const minHeight = 100;
-    const barHeight = 15; // Height per bar in pixels
-    const padding = 50; // Extra space for title, legend, etc.
+    const barHeight = 15; // Tinggi per bar dalam piksel
+    const padding = 50; // Ruang ekstra untuk judul, legenda, dll
     const dynamicHeight = Math.max(minHeight, (data.length * barHeight) + padding);
     return `${dynamicHeight}px`;
   };