import { Head, usePage } from "@inertiajs/react"; interface User { look: string; username: string; } interface Article { id: number; slug: string; title: string; image: string; user?: User; } interface Photo { id: number; url: string; user?: User; } interface IndexProps { articles: Article[]; photos: Photo[]; } interface SharedProps extends Record { avatarImager: string; } export default function Index({ articles, photos }: IndexProps) { const { avatarImager } = usePage().props; return ( <>

Laatste nieuws

Blijf op de hoogte van het laatste hotel nieuws.

{articles.length > 0 ? articles.map((article) => ( { const el = e.currentTarget.querySelector( ".article-img-inner", ); if (el) el.classList.add("article-image-slide"); }} onMouseLeave={(e) => { const el = e.currentTarget.querySelector( ".article-img-inner", ); if (el) el.classList.remove("article-image-slide"); }} >

{article.title}

{article.user && ( <>

{article.user.username}

)}

)) : [1, 2, 3, 4].map((i) => (

Geen artikelen

Epicnabbo

))}

{photos.length > 0 && (

Laatste foto's

Bekijk de mooiste momenten vastgelegd door gebruikers.

{photos.map((photo) => (

{photo.user?.username || "Unknown"}

))}

)}

); }