import { Head, Link, router } from '@inertiajs/react'; import { useState } from 'react'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { ArrowUpRight, Search } from 'lucide-react'; import PortalLayout from '@/layouts/portal-layout'; import '../../../css/alumni-home.css'; type Story = { id: number; kind: 'news' | 'activity'; title: string; slug: string | null; excerpt: string | null; thumbnail: string | null; category: string; date: string | null }; type Props = { newsList: { data: Story[]; total: number; current_page: number; last_page: number; next_page_url: string | null; prev_page_url: string | null }; categories: { slug: string; name: string }[]; currentCategory: string; currentSearch: string; }; export default function NewsMedia({ newsList, categories, currentCategory, currentSearch }: Props) { const [search, setSearch] = useState(currentSearch); const apply = (category: string) => router.get('/berita', { kategori: category || undefined, cari: search.trim() || undefined }, { preserveScroll: true }); return

KABAR FAKULTAS & ALUMNI

Berita & Kegiatan

Kabar terbaru Fakultas Teknik Universitas Majalengka, peluang karier, dan kegiatan dari komunitas alumni.

Kirim berita & kegiatan
{ e.preventDefault(); apply(currentCategory); }}>
setSearch(e.target.value)} placeholder="Judul atau kata kunci" />

{newsList.total} kiriman{currentCategory || currentSearch ? ' sesuai pencarian' : ' diterbitkan'}

{newsList.data.map((story) =>
{story.thumbnail && }
{story.category}{story.date && }

{story.title}

{story.excerpt &&

{story.excerpt}

}
)}
{newsList.total === 0 &&

Belum ada kiriman yang cocok

Coba kata kunci atau kategori lain.

Tampilkan semua
} {newsList.last_page > 1 && }
; }