"use client"; import { useEffect, useState } from "react"; import Link from "next/link"; type Hero = { id: number; badge: string | null; title: string; highlight: string | null; description: string | null; active: boolean; }; export default function HeroAdminPage() { const [heroes, setHeroes] = useState([]); const [loading, setLoading] = useState(true); const [sidebarOpen, setSidebarOpen] = useState(false); const getHeroes = async () => { try { setLoading(true); const response = await fetch("/api/hero", { method: "GET", cache: "no-store", }); const result = await response.json(); if (result.success) { setHeroes(result.data); } else { console.error(result.message || "Gagal mengambil data Hero"); } } catch (error) { console.error("Gagal mengambil data hero:", error); } finally { setLoading(false); } }; useEffect(() => { getHeroes(); }, []); const deleteHero = async (id: number) => { const confirmed = window.confirm( "Apakah Anda yakin ingin menghapus Hero ini?" ); if (!confirmed) { return; } try { const response = await fetch(`/api/hero?id=${id}`, { method: "DELETE", }); const result = await response.json(); if (!response.ok || !result.success) { alert(result.message || "Gagal menghapus Hero"); return; } alert("Hero berhasil dihapus"); await getHeroes(); } catch (error) { console.error("DELETE HERO ERROR:", error); alert("Terjadi kesalahan saat menghapus Hero"); } }; const closeSidebar = () => { setSidebarOpen(false); }; return ( <>
{/* MOBILE OVERLAY */} {sidebarOpen && (
); }