nestiq-component-library 1.1.154 → 1.1.156

package/src/components/NewPropertyCard/NewPropertyCard.tsx

@@ -156,12 +156,12 @@ export default function PropertyCard(props: PopupProps) {
         </div>
       </div>
       <div
-        className={`listing-compact d-flex flex-column align-self-end  col-6 ${
+        className={`listing-compact d-flex align-self-end flex-column col-6 ${
           props.Impliment ? "cc-height" : "listing-height"
         }`}
       >
         <div
-          className="d-flex flex-column gap-3 justify-content-between mb-4"
+          className="d-flex flex-column gap-3 mb-4 justify-content-between"
           style={{ height: "104px" }}
         >
           <div className="d-flex flex-row justify-content-between gap-2">
@@ -175,8 +175,8 @@ export default function PropertyCard(props: PopupProps) {
               role="button"
             >
               {props.property.expose?.title}
-              {/* Einziehen ohne einen Pinselstrich - Kernsanierte Eigentumswohnung
-              in top Lage */}
+              {/*Einziehen ohne einen Pinselstrich - Kernsanierte Eigentumswohnung*/}
+              {/*in top Lage*/}
             </span>
             <div
               className="d-flex  gap-2"
@@ -188,7 +188,7 @@ export default function PropertyCard(props: PopupProps) {
             >
               <img
                 src={shareIcon}
-                alt="Location Icon"
+                alt="Share Icon"
                 className=" "
                 onClick={handleSharePopUp}
                 style={{ maxHeight: "24px", maxWidth: "24px" }}
@@ -196,7 +196,7 @@ export default function PropertyCard(props: PopupProps) {
               />
               <img
                 src={moreIcon}
-                alt="Location Icon"
+                alt="More Icon"
                 className=""
                 style={{ maxHeight: "24px", maxWidth: "24px" }}
                 role="button"
@@ -215,9 +215,9 @@ export default function PropertyCard(props: PopupProps) {
               <img
                 src={locationIcon}
                 alt="Location Icon"
-                className="Vector-test"
+                className="location-icon"
               />
-              <span className="locationTexts-test">
+              <span className="locationTexts ">
                 {props.property.city || "N/A"}
               </span>
             </div>
@@ -230,55 +230,52 @@ export default function PropertyCard(props: PopupProps) {
             paddingRight: "32px",
           }}
         >
-          <span className="priceValue-test 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)} €
-            <div className="price_label-test">Kaufpreis</div>
+            <div className="price_label">Kaufpreis</div>
           </span>
-          <span className="text-dark value-test col-lg-5 col-md-5 col-sm-7">
+          <span className="text-dark value col-lg-5 col-md-5 col-sm-7">
             {props.property.constructedArea} m²
-            <div className="details-test">Wohnfläche</div>
+            <div className="details">Wohnfläche</div>
           </span>
-          <span className="text-dark value-test col-lg-4 col-md-3 col-sm-6 text-truncate  ">
+          <span className="text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate  ">
             {+props.property?.rooms}
-            <div className="details-test">Zimmer</div>
+            <div className="details">Zimmer</div>
           </span>
-          <span className="text-dark value-test col-lg-4 col-md-3 col-sm-4 text-truncate ">
+          <span className="text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate ">
             {+props.property.propertyArea} m²
-            <div className="details-test">Grundstück</div>
+            <div className="details">Grundstück</div>
           </span>
         </div>
         <div
           className="labelTopClass d-flex start-0 col-sm-5 col-lg-8 "
           style={{ padding: "0 28px" }}
         >
-          <div
-            className=" align-items-center d-flex flex-row  gap-3"
-            style={{ marginBottom: "" }}
-          >
+          <div className=" align-items-center d-flex flex-row  gap-3">
             {props.property.historicalProtection && (
               <label className="chipLabel justify-content-center align-items-center">
-                <span className="layersText_Test ">{"Denkmalschutz"}</span>
+                <span className="layersText">{"Denkmalschutz"}</span>
               </label>
             )}
 
             {props.property.basement && (
-              <label className="chipLabel  justify-content-center align-items-center">
-                <span className="layersText_Test ">{"Keller"}</span>
+              <label className="chipLabel justify-content-center align-items-center">
+                <span className="layersText">{"Keller"}</span>
               </label>
             )}
             {props.property.balcony && (
-              <label className="secondLabel  justify-content-center align-items-center">
-                <span className="layersText_Test ">{"Balkon"}</span>
+              <label className="chipLabel justify-content-center align-items-center">
+                <span className="layersText">{"Balkon"}</span>
               </label>
             )}
             {props.property.terrace && (
               <label className="chipLabel justify-content-center align-items-center ">
-                <span className="layersText_Test">{"Terrace"}</span>
+                <span className="layersText">{"Terrace"}</span>
               </label>
             )}
             {props.property.guestBathroom && (
               <label className="chipLabel">
-                <span className="layersText_Test">{"Gäste-WC"}</span>
+                <span className="layersText">{"Gäste-WC"}</span>
               </label>
             )}
           </div>
@@ -298,15 +295,15 @@ export default function PropertyCard(props: PopupProps) {
               <div className="ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center">
                 <span className="fw-bold">Herr Florian Gauss</span>
                 <span>Immogart UGh</span>
-                <button
-                  className="kontactbutton_test text-light align-self-center"
+                {/* <button
+                  className="kontactbutton text-light align-self-center"
                   onClick={handleMessagPopUp}
                   role="button"
                 >
                   <span className="kontact-button-text">
                     Kontakt aufnehmen{" "}
                   </span>
-                </button>
+                </button> */}
               </div>
             </div>
           </div>
@@ -317,10 +314,9 @@ export default function PropertyCard(props: PopupProps) {
             style={{
               paddingLeft: "32px",
               paddingRight: "32px",
-              // marginBottom: "32px",
             }}
           >
-            <div className="Frame-136-test d-flex flex-row">
+            <div className="Frame-136 d-flex flex-row">
               <div className="d-flex flex-column flex-lg-row col-4 justify-content-between ">
                 <img src={immooly} alt="Logo" className="immooly" />
               </div>
@@ -330,7 +326,7 @@ export default function PropertyCard(props: PopupProps) {
                   <span>Immogart UGh</span>
                 </div>
                 <button
-                  className="kontactbutton_test text-light "
+                  className="kontactbutton text-light "
                   onClick={handleMessagPopUp}
                   role="button"
                 >