nestiq-component-library 1.1.154 → 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.js
CHANGED
|
@@ -534,8 +534,8 @@ function PropertyCard(props) {
|
|
|
534
534
|
React.createElement("img", { src: iconLayers, className: "", style: { width: "18px" } }),
|
|
535
535
|
" ",
|
|
536
536
|
"Grundriss")))),
|
|
537
|
-
React.createElement("div", { className: "listing-compact d-flex
|
|
538
|
-
React.createElement("div", { className: "d-flex flex-column gap-3 justify-content-between
|
|
537
|
+
React.createElement("div", { className: "listing-compact d-flex align-self-end flex-column col-6 ".concat(props.Impliment ? "cc-height" : "listing-height") },
|
|
538
|
+
React.createElement("div", { className: "d-flex flex-column gap-3 mb-4 justify-content-between", style: { height: "104px" } },
|
|
539
539
|
React.createElement("div", { className: "d-flex flex-row justify-content-between gap-2" },
|
|
540
540
|
React.createElement("span", { className: "propertyTitle align-items-start ", style: {
|
|
541
541
|
paddingLeft: "32px",
|
|
@@ -546,47 +546,47 @@ function PropertyCard(props) {
|
|
|
546
546
|
paddingTop: "21px",
|
|
547
547
|
paddingLeft: "10px",
|
|
548
548
|
} },
|
|
549
|
-
React.createElement("img", { src: shareIcon, alt: "
|
|
550
|
-
React.createElement("img", { src: moreIcon, alt: "
|
|
549
|
+
React.createElement("img", { src: shareIcon, alt: "Share Icon", className: " ", onClick: handleSharePopUp, style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }),
|
|
550
|
+
React.createElement("img", { src: moreIcon, alt: "More Icon", className: "", style: { maxHeight: "24px", maxWidth: "24px" }, role: "button" }))),
|
|
551
551
|
React.createElement("div", { style: {
|
|
552
552
|
paddingLeft: "32px",
|
|
553
553
|
paddingRight: "32px",
|
|
554
554
|
} },
|
|
555
555
|
" ",
|
|
556
556
|
React.createElement("div", { className: "location-wrapper mb-1" },
|
|
557
|
-
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "
|
|
558
|
-
React.createElement("span", { className: "locationTexts
|
|
557
|
+
React.createElement("img", { src: locationIcon, alt: "Location Icon", className: "location-icon" }),
|
|
558
|
+
React.createElement("span", { className: "locationTexts " }, props.property.city || "N/A")))),
|
|
559
559
|
React.createElement("div", { className: "d-flex flex-row gap-3 col-6 col-lg-8 justify-content-between ", style: {
|
|
560
560
|
paddingLeft: "32px",
|
|
561
561
|
paddingRight: "32px",
|
|
562
562
|
} },
|
|
563
|
-
React.createElement("span", { className: "priceValue
|
|
563
|
+
React.createElement("span", { className: "priceValue col-lg-4 col-md-4 col-sm-6 " },
|
|
564
564
|
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),
|
|
565
565
|
" \u20AC",
|
|
566
|
-
React.createElement("div", { className: "price_label
|
|
567
|
-
React.createElement("span", { className: "text-dark value
|
|
566
|
+
React.createElement("div", { className: "price_label" }, "Kaufpreis")),
|
|
567
|
+
React.createElement("span", { className: "text-dark value col-lg-5 col-md-5 col-sm-7" },
|
|
568
568
|
props.property.constructedArea,
|
|
569
569
|
" m\u00B2",
|
|
570
|
-
React.createElement("div", { className: "details
|
|
571
|
-
React.createElement("span", { className: "text-dark value
|
|
570
|
+
React.createElement("div", { className: "details" }, "Wohnfl\u00E4che")),
|
|
571
|
+
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate " },
|
|
572
572
|
+((_g = props.property) === null || _g === void 0 ? void 0 : _g.rooms),
|
|
573
|
-
React.createElement("div", { className: "details
|
|
574
|
-
React.createElement("span", { className: "text-dark value
|
|
573
|
+
React.createElement("div", { className: "details" }, "Zimmer")),
|
|
574
|
+
React.createElement("span", { className: "text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate " },
|
|
575
575
|
+props.property.propertyArea,
|
|
576
576
|
" m\u00B2",
|
|
577
|
-
React.createElement("div", { className: "details
|
|
577
|
+
React.createElement("div", { className: "details" }, "Grundst\u00FCck"))),
|
|
578
578
|
React.createElement("div", { className: "labelTopClass d-flex start-0 col-sm-5 col-lg-8 ", style: { padding: "0 28px" } },
|
|
579
|
-
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3"
|
|
579
|
+
React.createElement("div", { className: " align-items-center d-flex flex-row gap-3" },
|
|
580
580
|
props.property.historicalProtection && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
581
|
-
React.createElement("span", { className: "
|
|
582
|
-
props.property.basement && (React.createElement("label", { className: "chipLabel
|
|
583
|
-
React.createElement("span", { className: "
|
|
584
|
-
props.property.balcony && (React.createElement("label", { className: "
|
|
585
|
-
React.createElement("span", { className: "
|
|
581
|
+
React.createElement("span", { className: "layersText" }, "Denkmalschutz"))),
|
|
582
|
+
props.property.basement && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
583
|
+
React.createElement("span", { className: "layersText" }, "Keller"))),
|
|
584
|
+
props.property.balcony && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center" },
|
|
585
|
+
React.createElement("span", { className: "layersText" }, "Balkon"))),
|
|
586
586
|
props.property.terrace && (React.createElement("label", { className: "chipLabel justify-content-center align-items-center " },
|
|
587
|
-
React.createElement("span", { className: "
|
|
587
|
+
React.createElement("span", { className: "layersText" }, "Terrace"))),
|
|
588
588
|
props.property.guestBathroom && (React.createElement("label", { className: "chipLabel" },
|
|
589
|
-
React.createElement("span", { className: "
|
|
589
|
+
React.createElement("span", { className: "layersText" }, "Gäste-WC"))))),
|
|
590
590
|
props.Impliment && (React.createElement("div", { className: "", style: {
|
|
591
591
|
paddingLeft: "32px",
|
|
592
592
|
paddingRight: "32px",
|
|
@@ -596,24 +596,19 @@ function PropertyCard(props) {
|
|
|
596
596
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
597
597
|
React.createElement("div", { className: "ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center" },
|
|
598
598
|
React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
|
|
599
|
-
React.createElement("span", null, "Immogart UGh"),
|
|
600
|
-
React.createElement("button", { className: "kontactbutton_test text-light align-self-center", onClick: handleMessagPopUp, role: "button" },
|
|
601
|
-
React.createElement("span", { className: "kontact-button-text" },
|
|
602
|
-
"Kontakt aufnehmen",
|
|
603
|
-
" ")))))),
|
|
599
|
+
React.createElement("span", null, "Immogart UGh"))))),
|
|
604
600
|
!props.Impliment && (React.createElement("div", { className: "d-lex flex-column ", style: {
|
|
605
601
|
paddingLeft: "32px",
|
|
606
602
|
paddingRight: "32px",
|
|
607
|
-
// marginBottom: "32px",
|
|
608
603
|
} },
|
|
609
|
-
React.createElement("div", { className: "Frame-136
|
|
604
|
+
React.createElement("div", { className: "Frame-136 d-flex flex-row" },
|
|
610
605
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row col-4 justify-content-between " },
|
|
611
606
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
612
607
|
React.createElement("div", { className: "d-flex flex-column flex-lg-row justify-content-between" },
|
|
613
608
|
React.createElement("div", { className: "d-flex flex-column col-6" },
|
|
614
609
|
React.createElement("span", { className: "" }, "Herr Florian Gauss"),
|
|
615
610
|
React.createElement("span", null, "Immogart UGh")),
|
|
616
|
-
React.createElement("button", { className: "
|
|
611
|
+
React.createElement("button", { className: "kontactbutton text-light ", onClick: handleMessagPopUp, role: "button" },
|
|
617
612
|
React.createElement("span", { className: "kontact-button-text" },
|
|
618
613
|
"Kontakt aufnehmen",
|
|
619
614
|
" "))))))),
|