Display property images from API using full URLs
All checks were successful
Build frontend / build (push) Successful in 1m3s

- All mappers extract images from propertyInformation.images
- Paths prefixed with API base URL (http://45.93.137.91/api)
- Falls back to placeholder if no images
- Updated: main page, properties listing, property detail, owner properties
This commit is contained in:
Claw AI
2026-03-30 01:01:42 +00:00
parent 4299968764
commit 39193337b3
5 changed files with 69 additions and 42 deletions

View File

@ -51,6 +51,13 @@ function mapApiProperty(item, index) {
if (info.numberOfBedRooms) features.push(`${info.numberOfBedRooms} غرف نوم`);
if (info.numberOfBathRooms) features.push(`${info.numberOfBathRooms} حمامات`);
// Extract images from API and build full URLs
const apiBase = typeof window !== 'undefined' ? (process.env.NEXT_PUBLIC_API_URL || 'http://45.93.137.91/api') : '';
const rawImages = Array.isArray(info.images) ? info.images : [];
const images = rawImages.length > 0
? rawImages.map(img => img.startsWith('http') ? img : `${apiBase}${img}`)
: ['/property-placeholder.jpg'];
return {
id: item.id ?? index + 1,
title: info.address || `عقار #${item.id || index + 1}`,
@ -70,7 +77,7 @@ function mapApiProperty(item, index) {
bathrooms: info.numberOfBathRooms || 0,
area: info.space || 0,
features,
images: ['/property-placeholder.jpg'],
images,
status,
rating: item.rating || 4.5,
isNew: false,