nestiq-component-library 1.1.170 → 1.1.172

package/src/components/NewPropertyCard/NewPropertyCard.tsx

@@ -37,7 +37,6 @@ interface PopupProps {
     expose: {
       title: string;
     };
-    selectedFloorPlan?: string;
     pictures: { contentUrl: string; pictureType: { id: number } }[];
   };
   userData?: { firstname: string; lastname: string; company: string };
@@ -83,13 +82,6 @@ export default function PropertyCard(props: PopupProps) {
         title: `Floor Plan ${index + 1}`,
       })) || [];
 
-  if (props.property.selectedFloorPlan) {
-    floorPlanImages.push({
-      url: props.property.selectedFloorPlan,
-      title: "Selected Floor Plan",
-    });
-  }
-
   // setPictureUrls(pictureUrls);
   const handleLike = () => {
     setLiked(!liked);

package/src/components/PropertyImageList/PropertyImageList.tsx

@@ -6,6 +6,7 @@ import iconArrowLeft from "../../assets/images/chevron-left.svg";
 import iconGallery from "../../assets/images/icon_gallery.svg";
 import iconMap from "../../assets/images/icon_map.svg";
 import iconLayers from "../../assets/images/layer_icon.svg";
+import noImageIcon from "../../assets/Images/default-property.jpg";
 import "./PropertyImageList.css";
 import ImageListPopup from "../ImageListPopup/ImageListPopup";
 import PopupProps from "../ImageListPopup/ImageListPopup";
@@ -13,10 +14,17 @@ import FloorPlanPopup from "../FloorPlanPopup/FloorPlanPopup";
 
 interface PopupProps {
   pictureUrls: { title: string; url: string }[];
-  floorPlanUrl: string;
+  allPictureUrls: { title: string; url: string }[];
   property: {
-    selectedFloorPlan?: string;
-    pictures: { contentUrl: string; pictureType: { id: number } }[];
+    pictures: {
+      contentUrl: string;
+      pictureType: { id: number };
+    }[];
+  };
+  translations?: {
+    allPhotos?: string;
+    map?: string;
+    grundriss?: string;
   };
   baseUrl: string;
 }
@@ -49,6 +57,14 @@ export default function PropertyImageList(prop: PopupProps) {
     });
   };
 
+  const allPhotos =
+    prop.property.pictures
+      ?.filter((p) => p.pictureType?.id === 2)
+      .map((p, index) => ({
+        url: prop.baseUrl + p.contentUrl,
+        title: `Photo ${index + 1}`,
+      })) || [];
+
   const floorPlanImages =
     prop.property.pictures
       ?.filter((p) => p.pictureType?.id === 1)
@@ -57,13 +73,6 @@ export default function PropertyImageList(prop: PopupProps) {
         title: `Floor Plan ${index + 1}`,
       })) || [];
 
-  if (prop.property.selectedFloorPlan) {
-    floorPlanImages.push({
-      url: prop.property.selectedFloorPlan,
-      title: "Selected Floor Plan",
-    });
-  }
-
   const toggleAllPhotos = () => {
     setIsImagePopupOpen(!isImagePopupOpen);
   };
@@ -76,6 +85,12 @@ export default function PropertyImageList(prop: PopupProps) {
     setIsFloorPlanPopupOpen(false);
   };
 
+  const t = {
+    allPhotos: prop.translations?.allPhotos || "Alle Fotos",
+    map: prop.translations?.map || "Karte",
+    grundriss: prop.translations?.grundriss || "Grundriss",
+  };
+
   return (
     <div className="col-8 Pimagelist ">
       <div
@@ -189,7 +204,7 @@ export default function PropertyImageList(prop: PopupProps) {
             >
               <div className="border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3">
                 <img src={iconGallery} alt="Gallery Icon" />
-                <span className="listImgText">Alle Fotos</span>
+                <span className="listImgText"> {t.allPhotos}</span>
               </div>
             </div>
             <div
@@ -199,7 +214,7 @@ export default function PropertyImageList(prop: PopupProps) {
             >
               <div className="border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3">
                 <img src={iconLayers} alt="Layers Icon" />
-                <span className="listImgText">Grundriss</span>
+                <span className="listImgText">{t.grundriss}</span>
               </div>
             </div>
             <div
@@ -213,7 +228,7 @@ export default function PropertyImageList(prop: PopupProps) {
             >
               <div className="border col-lg-12 h-100 d-flex flex-column listImageButton border-0 rounded-3">
                 <img src={iconMap} alt="Map Icon" />
-                <span className="listImgText">Karte</span>
+                <span className="listImgText">{t.map}</span>
               </div>
             </div>
           </div>
@@ -222,7 +237,7 @@ export default function PropertyImageList(prop: PopupProps) {
       {/* Popup for all photos */}
       {isImagePopupOpen && (
         <ImageListPopup
-          pictureUrls={prop.pictureUrls}
+          pictureUrls={allPhotos}
           onClose={() => setIsImagePopupOpen(false)}
         />
       )}