nestiq-component-library 1.1.145 → 1.1.150
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/components/NewPropertyCard/NewPropertyCard.d.ts +1 -0
- package/dist/index.es.js +6 -13
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +6 -13
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ImageListPopup/ImageListPopup.tsx +3 -3
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +7 -8
package/dist/index.es.js
CHANGED
|
@@ -233,17 +233,17 @@ function ImageListPopup(props) {
|
|
|
233
233
|
React.createElement("div", { role: "button", className: "rounded-circle border onImageArrow d-flex justify-content-center", onClick: function () { return handleArrowClickInMainImage("right"); } },
|
|
234
234
|
React.createElement("img", { src: blcIconArrowRight, className: "blackArrow align-self-center", alt: "Right Arrow" })))),
|
|
235
235
|
React.createElement("div", { className: "d-flex flex-row" }),
|
|
236
|
-
React.createElement("div", { className: "d-flex flex-row gap-4 w-100 secondList
|
|
236
|
+
React.createElement("div", { className: "d-flex flex-row gap-4 w-100 secondList " },
|
|
237
237
|
React.createElement("div", { className: "col-lg-12 d-flex flex-row p-1 align-self-center mt-5" },
|
|
238
238
|
React.createElement("div", { className: "col-12 position-relative d-flex justify-content-center" },
|
|
239
|
-
React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: imageListRef }, props.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-
|
|
239
|
+
React.createElement("div", { className: "col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto ", ref: imageListRef }, props.pictureUrls.length > 0 && (React.createElement("div", { className: "col-lg-5 h-100 w-25 d-flex gap-4 flex-row rounded-3" }, props.pictureUrls.map(function (picture, index) { return (React.createElement("div", { key: index, className: "col-lg-12 h-100 d-flex", onClick: function () {
|
|
240
240
|
setCurrentImageIndex(index);
|
|
241
241
|
imageListRef.current.scrollTo({
|
|
242
242
|
left: index * 150,
|
|
243
243
|
behavior: "smooth",
|
|
244
244
|
});
|
|
245
245
|
}, role: "button" },
|
|
246
|
-
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-
|
|
246
|
+
React.createElement("img", { src: picture.url, alt: "Image ".concat(index + 1), className: "col-12 h-100 rounded-3 object-fit-cover" }))); }))))))))))));
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
var FloorPlanPopup = function (_a) {
|
|
@@ -466,16 +466,14 @@ function PropertyCard(props) {
|
|
|
466
466
|
var _j = useState(null), mainImage = _j[0], setMainImage = _j[1];
|
|
467
467
|
var _k = useState(0), currentImageIndex = _k[0], setCurrentImageIndex = _k[1];
|
|
468
468
|
var imageListRef = useRef(null);
|
|
469
|
-
var _l = useState(false)
|
|
469
|
+
var _l = useState(false); _l[0]; _l[1];
|
|
470
470
|
var _m = useState(false); _m[0]; _m[1];
|
|
471
471
|
var _o = useState(false), sharePopUp = _o[0], setSharePopUp = _o[1];
|
|
472
472
|
var pictureUrls = ((_b = (_a = props.property) === null || _a === void 0 ? void 0 : _a.pictures) === null || _b === void 0 ? void 0 : _b.length) > 0
|
|
473
473
|
? props.property.pictures.map(function (picture) { return "".concat(props.baseUrl).concat(picture.contentUrl); })
|
|
474
474
|
: [noImageIcon];
|
|
475
475
|
var floorPlanOnClick = function () {
|
|
476
|
-
|
|
477
|
-
setFloorPlan(true);
|
|
478
|
-
}
|
|
476
|
+
props.onFloorPlanClick();
|
|
479
477
|
};
|
|
480
478
|
var handleMessagPopUp = function () {
|
|
481
479
|
// setMessagPopUp(true);
|
|
@@ -591,11 +589,7 @@ function PropertyCard(props) {
|
|
|
591
589
|
React.createElement("img", { src: immooly, alt: "Logo", className: "immooly" })),
|
|
592
590
|
React.createElement("div", { className: "ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center" },
|
|
593
591
|
React.createElement("span", { className: "fw-bold" }, "Herr Florian Gauss"),
|
|
594
|
-
React.createElement("span", null, "Immogart UGh"),
|
|
595
|
-
React.createElement("button", { className: "kontactbutton text-light align-self-center", onClick: handleMessagPopUp, role: "button" },
|
|
596
|
-
React.createElement("span", { className: "kontact-button-text" },
|
|
597
|
-
"Kontakt aufnehmen",
|
|
598
|
-
" ")))))),
|
|
592
|
+
React.createElement("span", null, "Immogart UGh"))))),
|
|
599
593
|
!props.Impliment && (React.createElement("div", { className: "", style: {
|
|
600
594
|
paddingLeft: "32px",
|
|
601
595
|
paddingRight: "32px",
|
|
@@ -611,7 +605,6 @@ function PropertyCard(props) {
|
|
|
611
605
|
React.createElement("span", { className: "kontact-button-text" },
|
|
612
606
|
"Kontakt aufnehmen",
|
|
613
607
|
" "))))))),
|
|
614
|
-
floorPlan && (React.createElement(FloorPlanPopup, { contentUrl: props.floorPlanUrl, onCloseClick: function () { return setFloorPlan(false); } })),
|
|
615
608
|
sharePopUp && React.createElement(SharePopup, { onClick: function () { return setSharePopUp(false); } })));
|
|
616
609
|
}
|
|
617
610
|
|