"use client"; import Link from "next/link"; import { useEffect, useState } from "react"; type AboutStat = { id: number; label: string; value: string; icon: string | null; active: boolean; sortOrder: number; }; export default function AboutStatsAdminPage() { const [stats, setStats] = useState([]); const [loading, setLoading] = useState(true); const [sidebarOpen, setSidebarOpen] = useState(false); const [deletingId, setDeletingId] = useState(null); // ========================================= // GET STATS // ========================================= const getStats = async () => { try { setLoading(true); const response = await fetch("/api/about/stats", { cache: "no-store", }); const result = await response.json(); if (result.success) { setStats(result.data); } else { console.error( "GET ABOUT STATS ERROR:", result.message ); } } catch (error) { console.error( "Gagal mengambil statistik About:", error ); } finally { setLoading(false); } }; useEffect(() => { getStats(); }, []); // ========================================= // DELETE STAT // ========================================= const deleteStat = async (id: number) => { const confirmed = window.confirm( "Apakah Anda yakin ingin menghapus statistik ini?" ); if (!confirmed) return; setDeletingId(id); try { const response = await fetch( `/api/about/stats?id=${id}`, { method: "DELETE", } ); const result = await response.json(); if (!response.ok || !result.success) { alert( result.message || "Gagal menghapus statistik." ); return; } setStats((prev) => prev.filter((stat) => stat.id !== id) ); alert("Statistik berhasil dihapus."); } catch (error) { console.error( "DELETE ABOUT STAT ERROR:", error ); alert( "Terjadi kesalahan saat menghapus statistik." ); } finally { setDeletingId(null); } }; // ========================================= // CLOSE SIDEBAR // ========================================= const closeSidebar = () => { setSidebarOpen(false); }; // ========================================= // STAT SUMMARY // ========================================= const activeCount = stats.filter( (stat) => stat.active ).length; const inactiveCount = stats.filter( (stat) => !stat.active ).length; return ( <>
{/* ====================================== MOBILE OVERLAY ====================================== */} {sidebarOpen && (
); }