nestiq-component-library 1.1.103 → 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;
@@ -207,7 +208,7 @@ 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="priceValue col-lg-4 col-md-4 col-sm-6  ">
@@ -215,26 +216,26 @@ export default function PropertyCard(props: PopupProps) {
             <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>