"use client"; import { useState } from "react"; import Link from "next/link"; import { useRouter } from "next/navigation"; export default function CreateAboutStatPage() { const router = useRouter(); const [form, setForm] = useState({ label: "", value: "", icon: "", active: true, sortOrder: 1, }); const [loading, setLoading] = useState(false); const [sidebarOpen, setSidebarOpen] = useState(false); // ========================================= // HANDLE CHANGE // ========================================= const handleChange = ( e: React.ChangeEvent ) => { const { name, value, type } = e.target; setForm((prev) => ({ ...prev, [name]: type === "checkbox" ? (e.target as HTMLInputElement).checked : name === "sortOrder" ? Number(value) : value, })); }; // ========================================= // SUBMIT // BACKEND TIDAK DIUBAH // ========================================= const handleSubmit = async ( e: React.FormEvent ) => { e.preventDefault(); setLoading(true); try { const response = await fetch("/api/about/stats", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(form), }); const result = await response.json(); if (!response.ok || !result.success) { alert( result.message || "Gagal menambahkan statistik" ); return; } alert("Statistik berhasil ditambahkan"); router.push("/secure-panel/about/stats"); router.refresh(); } catch (error) { console.error( "CREATE ABOUT STAT ERROR:", error ); alert( "Terjadi kesalahan saat menambahkan statistik" ); } finally { setLoading(false); } }; // ========================================= // CLOSE SIDEBAR // ========================================= const closeSidebar = () => { setSidebarOpen(false); }; // ========================================= // RENDER // ========================================= return ( <>
{/* ====================================== MOBILE OVERLAY ====================================== */} {sidebarOpen && (
); }