"use client"; import { useEffect, useState } from "react"; import Link from "next/link"; type ProjectImage = { id: number; image: string; projectId: number; createdAt: string; }; type Project = { id: number; title: string; slug: string; description: string | null; image: string | null; projectUrl: string | null; technologies: string | null; startDate: string | null; endDate: string | null; featured: boolean; // SESUAI DENGAN SCHEMA PRISMA projectimage: ProjectImage[]; }; export default function ProjectsAdminPage() { const [projects, setProjects] = useState([]); const [loading, setLoading] = useState(true); const [sidebarOpen, setSidebarOpen] = useState(false); /* ========================================================= GET PROJECTS ========================================================= */ const getProjects = async () => { try { setLoading(true); const response = await fetch("/api/projects", { cache: "no-store", }); const result = await response.json(); if (result.success) { setProjects(result.data); } else { console.error( "GET PROJECTS ERROR:", result.message ); } } catch (error) { console.error("GET PROJECTS:", error); } finally { setLoading(false); } }; /* ========================================================= LOAD DATA ========================================================= */ useEffect(() => { getProjects(); }, []); /* ========================================================= DELETE PROJECT ========================================================= */ const deleteProject = async (id: number) => { const confirmDelete = window.confirm( "Yakin ingin menghapus project ini?" ); if (!confirmDelete) { return; } try { const response = await fetch( `/api/projects?id=${id}`, { method: "DELETE", } ); const result = await response.json(); if (result.success) { alert("Project berhasil dihapus"); getProjects(); } else { alert( result.message || "Gagal menghapus project" ); } } catch (error) { console.error("DELETE PROJECT:", error); alert("Gagal menghapus project"); } }; /* ========================================================= SIDEBAR ========================================================= */ const closeSidebar = () => { setSidebarOpen(false); }; /* ========================================================= PROJECT IMAGES ========================================================= */ const getProjectImages = ( project: Project ): ProjectImage[] => { if ( project.projectimage && project.projectimage.length > 0 ) { return project.projectimage; } if (project.image) { return [ { id: 0, image: project.image, projectId: project.id, createdAt: "", }, ]; } return []; }; /* ========================================================= DATE FORMAT ========================================================= */ const formatDate = ( date: string | null ) => { if (!date) { return null; } const parsed = new Date(date); if (Number.isNaN(parsed.getTime())) { return null; } return parsed.toLocaleDateString( "id-ID", { month: "short", year: "numeric", } ); }; /* ========================================================= LOADING ========================================================= */ if (loading) { return ( <>

Memuat Projects

Sedang mengambil data Projects dari sistem. Mohon tunggu sebentar.

); } return ( <>
{/* ===================================================== MOBILE OVERLAY ===================================================== */} {sidebarOpen && (
); }