nestiq-component-library 1.1.153 → 1.1.155
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +25 -30
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +25 -30
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +29 -33
package/dist/index.es.js
CHANGED
|
@@ -532,8 +532,8 @@ function PropertyCard(props) {
|
|
|
532
532
|
React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
|
|
533
533
|
" ",
|
|
534
534
|
"Grundriss")))),
|
|
535
|
-
React.createElement("div", { className: "listing-
|
|
536
|
-
React.createElement("div", { className: "d-flex flex-column gap-3 justify-content-between
|
|
535
|
+
React.createElement("div", { className: "listing-compact d-flex align-self-end flex-column col-6 ".concat(props.Impliment ? "cc-height" : "listing-height") },
|
|
536
|
+
React.createElement("div", { className: "d-flex flex-column gap-3 mb-4 justify-content-between", style: { height: "104px" } },
|
|
537
537
|
React.createElement("div", { className: "d-flex flex-row justify-content-between gap-2" },
|
|
538
538
|
React.createElement("span", { className: "propertyTitle align-items-start ", style: {
|
|
539
539
|
paddingLeft: "32px",
|
|
@@ -544,47 +544,47 @@ function PropertyCard(props) {
|
|
|
544
544
|
paddingTop: "21px",
|
|
545
545
|
paddingLeft: "10px",
|
|
546
546
|
} },
|
|
547
|
-
React.createElement("img", { src: shareIcon, alt: "
|
|
548
|
-
React.createElement("img", { src: moreIcon, alt: "
|
|
547
|
+
React.createElement("img", { src: shareIcon, alt: "Share Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }),
|
|
548
|
+
React.createElement("img", { src: moreIcon, alt: "More Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }))),
|
|
549
549
|
React.createElement("div", { style: {
|
|
550
550
|
paddingLeft: "32px",
|
|
551
551
|
paddingRight: "32px",
|
|
552
552
|
} },
|
|
553
553
|
" ",
|
|
554
554
|
React.createElement("div", { className: "location-wrapper mb-1" },
|
|
555
|
-
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "
|
|
556
|
-
React.createElement("span", { className: "locationTexts
|
|
555
|
+
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "location-icon" }),
|
|
556
|
+
React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A")))),
|
|
557
557
|
React.createElement("div", { className: "d-flex flex-row gap-3 col-6 col-lg-8 justify-content-between ", style: {
|
|
558
558
|
paddingLeft: "32px",
|
|
559
559
|
paddingRight: "32px",
|
|
560
560
|
} },
|
|
561
|
-
React.createElement("span", { className: "priceValue
|
|
561
|
+
React.createElement("span", { className: "priceValue col-lg-4 col-md-4 col-sm-6 " },
|
|
562
562
|
formatPrice((_f = (_e = (_d = props.property) === null || _d === void 0 ? void 0 : _d.evaluation) === null || _e === void 0 ? void 0 : _e.askingPrice) !== null && _f !== void 0 ? _f : 0),
|
|
563
563
|
" \u20AC",
|
|
564
|
-
React.createElement("div", { className: "price_label
|
|
565
|
-
React.createElement("span", { className: "text-dark value
|
|
564
|
+
React.createElement("div", { className: "price_label" }, "Kaufpreis")),
|
|
565
|
+
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7" },
|
|
566
566
|
props.property.constructedArea,
|
|
567
567
|
" m\u00B2",
|
|
568
|
-
React.createElement("div", { className: "details
|
|
569
|
-
React.createElement("span", { className: "text-dark value
|
|
568
|
+
React.createElement("div", { className: "details" }, "Wohnfl\u00E4che")),
|
|
569
|
+
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate " },
|
|
570
570
|
+((_g = props.property) === null || _g === void 0 ? void 0 : _g.rooms),
|
|
571
|
-
React.createElement("div", { className: "details
|
|
572
|
-
React.createElement("span", { className: "text-dark value
|
|
571
|
+
React.createElement("div", { className: "details" }, "Zimmer")),
|
|
572
|
+
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate " },
|
|
573
573
|
+props.property.propertyArea,
|
|
574
574
|
" m\u00B2",
|
|
575
|
-
React.createElement("div", { className: "details
|
|
575
|
+
React.createElement("div", { className: "details" }, "Grundst\u00FCck"))),
|
|
576
576
|
React.createElement("div", { className: "labelTopClass d-flex start-0 col-sm-5 col-lg-8 ", style: { padding: "0 28px" } },
|
|
577
|
-
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3"
|
|
577
|
+
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3" },
|
|
578
578
|
props.property.historicalProtection && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
579
|
-
React.createElement("span", { className: "
|
|
580
|
-
props.property.basement && (React.createElement("label", { className: "chipLabel
|
|
581
|
-
React.createElement("span", { className: "
|
|
582
|
-
props.property.balcony && (React.createElement("label", { className: "
|
|
583
|
-
React.createElement("span", { className: "
|
|
579
|
+
React.createElement("span", { className: "layersText" }, "Denkmalschutz"))),
|
|
580
|
+
props.property.basement && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
581
|
+
React.createElement("span", { className: "layersText" }, "Keller"))),
|
|
582
|
+
props.property.balcony && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
583
|
+
React.createElement("span", { className: "layersText" }, "Balkon"))),
|
|
584
584
|
props.property.terrace && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center " },
|
|
585
|
-
React.createElement("span", { className: "
|
|
585
|
+
React.createElement("span", { className: "layersText" }, "Terrace"))),
|
|
586
586
|
props.property.guestBathroom && (React.createElement("label", { className: "chipLabel" },
|
|
587
|
-
React.createElement("span", { className: "
|
|
587
|
+
React.createElement("span", { className: "layersText" }, "Gäste-WC"))))),
|
|
588
588
|
props.Impliment && (React.createElement("div", { className: "", style: {
|
|
589
589
|
paddingLeft: "32px",
|
|
590
590
|
paddingRight: "32px",
|
|
@@ -594,24 +594,19 @@ function PropertyCard(props) {
|
|
|
594
594
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
595
595
|
React.createElement("div", { className: "ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center" },
|
|
596
596
|
React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
|
|
597
|
-
React.createElement("span", null, "Immogart UGh"),
|
|
598
|
-
React.createElement("button", { className: "kontactbutton_test text-light align-self-center", onClick: handleMessagPopUp, role: "button" },
|
|
599
|
-
React.createElement("span", { className: "kontact-button-text" },
|
|
600
|
-
"Kontakt aufnehmen",
|
|
601
|
-
" ")))))),
|
|
597
|
+
React.createElement("span", null, "Immogart UGh"))))),
|
|
602
598
|
!props.Impliment && (React.createElement("div", { className: "d-lex flex-column ", style: {
|
|
603
599
|
paddingLeft: "32px",
|
|
604
600
|
paddingRight: "32px",
|
|
605
|
-
// marginBottom: "32px",
|
|
606
601
|
} },
|
|
607
|
-
React.createElement("div", { className: "Frame-136
|
|
602
|
+
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
608
603
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
609
604
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
610
605
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row justify-content-between" },
|
|
611
606
|
React.createElement("div", { className: "d-flex flex-column col-6" },
|
|
612
607
|
React.createElement("span", { className: "" }, "Herr Florian Gauss"),
|
|
613
608
|
React.createElement("span", null, "Immogart UGh")),
|
|
614
|
-
React.createElement("button", { className: "
|
|
609
|
+
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
615
610
|
React.createElement("span", { className: "kontact-button-text" },
|
|
616
611
|
"Kontakt aufnehmen",
|
|
617
612
|
" "))))))),
|