import AppLayout from '@/layouts/app-layout'; import { PageProps } from '@/types'; import { Head } from '@inertiajs/react'; interface Media { id: number; path: string; type: 'image' | 'video'; label: string; } interface Property { id: string; title: string; description: string; type: string; price: number; currency: string; address_line1: string; address_line2: string | null; city: string; state: string; country: string; zip_code: string | null; bedrooms: number | null; bathrooms: number | null; area_sq_ft: number | null; status: string; is_featured: boolean; media: Media[]; } interface ShowPropertyProps extends PageProps { property: Property; } export default function ShowProperty({ auth, property }: ShowPropertyProps) { return (

{property.title}

{property.address_line1}, {property.city}, {property.state}

Property Details

Price: {property.currency} {property.price.toLocaleString()}

Type: {property.type}

Status: {property.status}

Bedrooms: {property.bedrooms}

Bathrooms: {property.bathrooms}

Area: {property.area_sq_ft} sq. ft.

Description

Media Gallery

{property.media.map((media_item) => (
{media_item.type === 'image' ? ( {media_item.label ) : (
))}
); }