more-apartments-astro-integration 1.1.0 → 1.1.3

package/routes/availability.js

@@ -22,7 +22,7 @@ export async function GET({ request, params }) {
       });
     }
 
-    const availability = await client.getAvailability(params.id, startDate, endDate);
+    const availability = await client.getAvailability(params.slug, startDate, endDate);
 
     return new Response(JSON.stringify({ data: availability }), {
       headers: {

package/routes/property.js

@@ -9,7 +9,7 @@ export async function GET({ request, params }) {
     };
 
     const client = new MoreApartmentsClient(config);
-    const property = await client.getProperty(params.id);
+    const property = await client.getProperty(params.slug);
 
     return new Response(JSON.stringify({ data: property }), {
       headers: {

package/src/components/PropertySearchGrid.astro

@@ -10,7 +10,7 @@ interface Props {
   guests?: number;
   destination?: string;
   segment?: string;
-  
+
   // Display options
   showBookingWidgets?: boolean;
   maxResults?: number;
@@ -81,7 +81,7 @@ const hasSearchParams = Object.keys(searchParams).length > 0;
   ) : (
     <div class="properties-grid">
       {properties.map((property) => (
-        <div class="property-card" key={property.id}>
+        <div class="property-card">
           <div class="property-header">
             <h3 class="property-name">
               <a href={`/properties/${property.slug}`}>
@@ -90,20 +90,20 @@ const hasSearchParams = Object.keys(searchParams).length > 0;
             </h3>
             <p class="property-type">{property.type}</p>
           </div>
-          
+
           <div class="property-details">
             <div class="location">
               <span class="city">{property.city}</span>
               {property.country && <span class="country">, {property.country}</span>}
             </div>
-            
+
             <div class="occupancy">
-              <span>Up to {property.max_occupancy} guests</span>
+              <span>Up to {property.max_persons} guests</span>
             </div>
-            
+
             {property.description && (
               <p class="description">
-                {property.description.length > 150 
+                {property.description.length > 150
                   ? `${property.description.substring(0, 150)}...`
                   : property.description
                 }
@@ -124,7 +124,7 @@ const hasSearchParams = Object.keys(searchParams).length > 0;
               />
             </div>
           )}
-          
+
           {!showBookingWidgets && (
             <div class="property-actions">
               <a href={`/properties/${property.slug}`} class="view-details-btn">
@@ -306,7 +306,7 @@ const hasSearchParams = Object.keys(searchParams).length > 0;
     .properties-grid {
       grid-template-columns: 1fr;
     }
-    
+
     .search-details {
       flex-direction: column;
       align-items: flex-start;