import React, { useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import PortalLayout from '@/layouts/portal-layout'; import { Calendar, ChevronLeft, Building2, MapPin, Share2, Check, } from 'lucide-react'; import '../../../css/alumni-home.css'; import { toast } from 'sonner'; interface ActivityItem { id: number; title: string; description: string; activity_date?: string; alumni_npm?: string; alumni_name_snapshot: string; program_studi_snapshot?: string; graduation_year_snapshot?: number | string; institution_company?: string; location?: string; photo_path?: string; category?: { id: number; name: string; }; } interface ActivityDetailProps { activity: ActivityItem; relatedActivities: ActivityItem[]; } export default function ActivityDetail({ activity, relatedActivities, }: ActivityDetailProps) { const [copied, setCopied] = useState(false); const formatDate = (dateString?: string) => { if (!dateString) return '-'; try { return new Date(dateString).toLocaleDateString('id-ID', { day: 'numeric', month: 'long', year: 'numeric', }); } catch { return dateString; } }; const formatImageUrl = (path?: string) => { if (!path) return ''; if (/^(https?:\/\/|\/)/.test(path)) return path; return `/storage/${path}`; }; const handleCopyLink = () => { if (typeof window !== 'undefined' && navigator.clipboard) { navigator.clipboard .writeText(window.location.href) .then(() => { setCopied(true); setTimeout(() => setCopied(false), 2500); }) .catch(() => { toast.error( 'Tautan gagal disalin. Salin alamat dari bilah browser.', ); }); } }; return (
{/* Top Sticky Bar */} {/* Main Article Container */}
{/* Kategori & Metadata Header */}
{activity.category?.name || 'Kiprah Alumni'} {activity.activity_date && ( {formatDate(activity.activity_date)} )} {activity.location && ( {activity.location} )}
{/* Judul Kegiatan */}

{activity.title}

{/* Profil Alumni Snapshot Card */}
{activity.alumni_name_snapshot?.charAt(0) || 'A'}

{activity.alumni_name_snapshot}

{activity.program_studi_snapshot || 'Fakultas Teknik UNMA'} {activity.graduation_year_snapshot ? ` · Lulus ${activity.graduation_year_snapshot}` : ''}

{activity.institution_company && (
{activity.institution_company}
)}
{/* Foto Dokumentasi (Jika Ada) */} {activity.photo_path && (
{activity.title}
Dokumentasi: {activity.title} ·{' '} {activity.alumni_name_snapshot}
)} {/* Deskripsi / Isi Cerita Kegiatan */}

Rincian & Cerita Kegiatan

{activity.description}
{/* CTA Bagikan Kegiatan Anda Sendiri */}

Punya kegiatan atau kabar alumni lainnya?

Bagikan pencapaian dan jejak langkah Anda untuk menginspirasi mahasiswa serta rekan alumni FT UNMA.

Kirim Kegiatan
{/* Kegiatan / Cerita Terkait Lainnya */} {relatedActivities && relatedActivities.length > 0 && (

Kegiatan Alumni Lainnya

Lihat semua
{relatedActivities.map((item) => ( {item.photo_path && (
{item.title}
)}
{item.category?.name || 'Kegiatan'}

{item.title}

{ item.alumni_name_snapshot } {formatDate( item.activity_date, )}
))}
)}
); }