"use client"; import { useEffect, useState } from "react"; import Link from "next/link"; type Skill = { id: number; name: string; category: string | null; level: number | null; icon: string | null; }; export default function SkillsAdminPage() { const [skills, setSkills] = useState([]); const [loading, setLoading] = useState(true); const [sidebarOpen, setSidebarOpen] = useState(false); const getSkills = async () => { try { setLoading(true); const response = await fetch("/api/skills", { method: "GET", cache: "no-store", }); const result = await response.json(); if (result.success) { setSkills(result.data); } else { console.error(result.message || "Gagal mengambil data Skills"); } } catch (error) { console.error("GET SKILLS:", error); } finally { setLoading(false); } }; useEffect(() => { getSkills(); }, []); const deleteSkill = async (id: number) => { const confirmed = window.confirm( "Apakah Anda yakin ingin menghapus Skill ini?" ); if (!confirmed) { return; } try { const response = await fetch(`/api/skills?id=${id}`, { method: "DELETE", }); const result = await response.json(); if (!response.ok || !result.success) { alert(result.message || "Gagal menghapus Skill"); return; } alert("Skill berhasil dihapus"); await getSkills(); } catch (error) { console.error("DELETE SKILL:", error); alert("Terjadi kesalahan saat menghapus Skill"); } }; const closeSidebar = () => { setSidebarOpen(false); }; const activeSkills = skills.filter( (skill) => skill.level !== null && skill.level > 0 ).length; const categorizedSkills = skills.filter( (skill) => skill.category !== null && skill.category.trim() !== "" ).length; return ( <>
{/* ===================================================== MOBILE OVERLAY ===================================================== */} {sidebarOpen && (
); }