import React from 'react'; import FrontLayout from './Layouts/FrontLayout'; import { Head, Link } from '@inertiajs/react'; import { Calendar, Bell, ArrowLeft, Download, Tag, Clock, Share2, CheckCircle2 } from 'lucide-react'; import { News } from '@/types/Frontend/Index'; import parse from 'html-react-parser'; interface NoticeDetailProps { notice: News; } const NoticeDetail = ({ notice }: NoticeDetailProps) => { const formatDate = (dateString: string) => { return new Date(dateString).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); }; console.log(notice); return (
{/* Header Section */}
Back to all notices
{notice.category} Posted: {formatDate(notice.created_at)}

{notice.title}

{/* Content Section */}
{/* Main Content */}

{notice.title}

{notice.image && notice.image.length > 0 && (
{notice.image.map((file: string, index: number) => { const isPdf = file.toLowerCase().endsWith(".pdf"); return (
{isPdf ? (
{/* PDF Preview */}