nestiq-component-library 1.1.102 → 1.1.104

package/src/components/NewPropertyCard/NewPropertyCard.tsx

@@ -18,6 +18,7 @@ import immooly from "../../assets/images/imooly.svg";
 interface PopupProps {
   property: {
     city: string;
+    propertyArea: string;
     historicalProtection: boolean;
     basement: boolean;
     balcony: boolean;
@@ -148,15 +149,14 @@ export default function PropertyCard(props: PopupProps) {
             className="d-flex flex-row  align-self-end justify-item-start justify-content-between align-item-start gap-1 mb-2 ms-4"
             style={{ position: "absolute", left: "0" }}
           >
-            <div
-              className="cardTag"
-              style={{ marginBottom: "16px", marginLeft: "16px" }}
-            >{`${currentImageIndex + 1}/${pictureUrls.length}`}</div>
+            <div className="cardTag" style={{ marginBottom: "16px" }}>{`${
+              currentImageIndex + 1
+            }/${pictureUrls.length}`}</div>
             <div
               className="Grundriss kontact-button-text ms-2 "
               role="button"
               onClick={floorPlanOnClick}
-              style={{ marginBottom: "16px"}}
+              style={{ marginBottom: "16px" }}
             >
               <img src={iconLayers} className="" style={{ width: "18px" }} />{" "}
               Grundriss
@@ -208,34 +208,34 @@ export default function PropertyCard(props: PopupProps) {
           </div>
         </div>
         <div
-          className="d-flex  flex-row gap-3 col-6 col-lg-8 justify-content-between  "
+          className="d-flex  flex-row gap-2 col-6 col-lg-8 justify-content-between  "
           style={{ paddingLeft: "32px", paddingRight: "32px" }}
         >
-          <span className="value col-lg-4 col-md-4 col-sm-6  ">
+          <span className="priceValue col-lg-4 col-md-4 col-sm-6  ">
             {formatPrice(props.property?.evaluation?.askingPrice ?? 0)} €
             <br />
             <span className="details">Kaufpreis</span>
           </span>
-          <span className="text-dark value col-lg-4 col-md-4 col-sm-6 text-truncate  ">
-            {+props.property.rooms}
+          <span className="text-dark value col-lg-5 col-md-5 col-sm-7  ">
+            {props.property.constructedArea} m²
             <br />
             <span className="details">
-              {" "}
-              <span>Zimmer</span>
+              <span>Wohnfläche</span>
             </span>
           </span>
-          <span className="text-dark value col-lg-3 col-md-3 col-sm-4 text-truncate ">
-            {+props.property.bathrooms}
+          <span className="text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate  ">
+            {+props.property?.rooms}
             <br />
             <span className="details">
-              <span>Bad</span>
+              {" "}
+              <span>Zimmer</span>
             </span>
           </span>
-          <span className="text-dark value col-lg-5 col-md-5 col-sm-7  ">
-            {props.property.usableArea} m²
+          <span className="text-dark value col-lg-3 col-md-3 col-sm-4 text-truncate ">
+            {+props.property.propertyArea}
             <br />
             <span className="details">
-              <span>Wohnfläche</span>
+              <span>Grundstück</span>
             </span>
           </span>
         </div>