"use client"; import { useEffect, useState } from "react"; import Link from "next/link"; type AchievementImage = { id: number; image: string; achievementId: number; createdAt: string; }; type Achievement = { id: number; title: string; issuer: string | null; date: string | null; description: string | null; image: string | null; url: string | null; achievementimage: AchievementImage[]; }; export default function AchievementsAdminPage() { const [achievements, setAchievements] = useState([]); const [loading, setLoading] = useState(true); const [sidebarOpen, setSidebarOpen] = useState(false); const [deletingId, setDeletingId] = useState(null); const getAchievements = async () => { try { setLoading(true); const response = await fetch("/api/achievements", { cache: "no-store", }); const result = await response.json(); if (result.success) { setAchievements(result.data); } else { console.error(result.message); } } catch (error) { console.error("GET ACHIEVEMENTS:", error); } finally { setLoading(false); } }; useEffect(() => { getAchievements(); }, []); const deleteAchievement = async (id: number) => { const confirmDelete = window.confirm( "Yakin ingin menghapus Achievement ini?" ); if (!confirmDelete) return; try { setDeletingId(id); const response = await fetch(`/api/achievements?id=${id}`, { method: "DELETE", }); const result = await response.json(); if (result.success) { await getAchievements(); } else { alert(result.message || "Gagal menghapus Achievement"); } } catch (error) { console.error("DELETE ACHIEVEMENT:", error); alert("Gagal menghapus Achievement"); } finally { setDeletingId(null); } }; const formatDate = (date: string | null) => { if (!date) return "-"; return new Date(date).toLocaleDateString("id-ID", { day: "2-digit", month: "short", year: "numeric", }); }; const totalAchievements = achievements.length; const totalImages = achievements.reduce((total, achievement) => { const images = achievement.achievementimage?.length > 0 ? achievement.achievementimage.length : achievement.image ? 1 : 0; return total + images; }, 0); const achievementsWithUrl = achievements.filter( (achievement) => !!achievement.url ).length; const achievementsWithIssuer = achievements.filter( (achievement) => !!achievement.issuer ).length; return ( <>
{/* MOBILE OVERLAY */}
setSidebarOpen(false)} /> {/* SIDEBAR */} {/* MAIN */}
{/* TOPBAR */}
ADMIN PANEL
Achievement Management
Website Logout
{/* CONTENT */}
{/* PAGE HEADING */}
Kembali ke Dashboard
WEBSITE CONTENT

Achievement

Kelola pencapaian, prestasi, penghargaan, dan dokumentasi achievement yang ditampilkan pada website portfolio GloVaTech.

Tambah Achievement
{/* STATISTICS */}
{/* TOTAL */}
Total Achievement
{loading ? "—" : totalAchievements}
{/* IMAGES */}
Total Gambar
{loading ? "—" : totalImages}
{/* ISSUER */}
Dengan Penerbit
{loading ? "—" : achievementsWithIssuer}
{/* URL */}
Dengan URL
{loading ? "—" : achievementsWithUrl}
{/* CONTENT CARD */}
CONTENT MANAGEMENT

Achievement & Prestasi

Daftar pencapaian dan prestasi yang tersimpan pada database website portfolio.

{loading ? "..." : totalAchievements}
{/* LOADING */} {loading ? (
Memuat data Achievement

Sedang mengambil informasi dari database...

) : achievements.length === 0 ? ( /* EMPTY */
Belum ada data Achievement

Belum terdapat data pencapaian atau prestasi. Tambahkan Achievement untuk menampilkan pencapaian pada website utama.

Tambah Achievement
) : ( /* ACHIEVEMENT LIST */
{achievements.map((achievement) => { /* * Ambil semua gambar dari relasi * achievementimage. * * Jika data lama belum mempunyai relasi * achievementimage, gunakan field image. */ const achievementImages = achievement.achievementimage?.length > 0 ? achievement.achievementimage : achievement.image ? [ { id: 0, image: achievement.image, achievementId: achievement.id, createdAt: "", }, ] : []; return (
{/* IMAGE */} {achievementImages.length > 0 ? (
{achievementImages .slice(0, 3) .map((item, index) => ( {`${achievement.title} ))} {achievementImages.length > 3 && (
+ {achievementImages.length - 3}
)}
) : (
No Image
)} {/* MAIN INFO */}
Achievement
{achievement.title}
{achievement.issuer && (
{achievement.issuer}
)}
{formatDate(achievement.date)}
{/* DESCRIPTION */}
{achievement.description || "Tidak ada deskripsi Achievement."}
{/* URL */}
{achievement.url ? ( Lihat ) : ( Tidak ada URL )}
{/* ACTION */}
Edit
); })}
)}
{/* FOOTER */}
); }