"use client"; import { FormEvent, useState } from "react"; import Link from "next/link"; export default function CreateSkillPage() { const [saving, setSaving] = useState(false); const [sidebarOpen, setSidebarOpen] = useState(false); const [form, setForm] = useState({ name: "", category: "", level: "", icon: "", }); const handleChange = ( e: React.ChangeEvent ) => { const { name, value } = e.target; setForm((prev) => ({ ...prev, [name]: value, })); }; const handleSubmit = async (e: FormEvent) => { e.preventDefault(); if (!form.name.trim()) { alert("Nama Skill wajib diisi"); return; } if ( form.level && (Number(form.level) < 0 || Number(form.level) > 100) ) { alert("Level harus berada di antara 0 sampai 100"); return; } setSaving(true); try { const response = await fetch("/api/skills", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ name: form.name, category: form.category, level: form.level ? Number(form.level) : null, icon: form.icon, }), }); const result = await response.json(); if (!response.ok || !result.success) { alert(result.message || "Gagal menambahkan Skill"); return; } alert("Skill berhasil ditambahkan"); window.location.href = "/secure-panel/skills"; } catch (error) { console.error("CREATE SKILL ERROR:", error); alert("Terjadi kesalahan saat menambahkan Skill"); } finally { setSaving(false); } }; const closeSidebar = () => { setSidebarOpen(false); }; return ( <>
{/* ===================================================== MOBILE OVERLAY ===================================================== */} {sidebarOpen && (
); }