nestiq-component-library 1.1.160 → 1.1.162
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/assets/images/{card-arrow-left.28090aba4b4f2006.svg → card-arrow-left.55343410142dad3f.svg} +4 -4
- package/dist/assets/images/{card-arrow-right.c60af4cbbd49f3aa.svg → card-arrow-right.60b3bf0e34c1800d.svg} +4 -4
- package/dist/assets/images/{imooly.890e3dd01ea33574.svg → imooly.b46514ac970e6052.svg} +7 -7
- package/dist/assets/images/{more.1e158adc48fbb406.svg → more.ce14789c8d37e327.svg} +12 -12
- package/dist/components/ImageListPopup/ImageListPopup.d.ts +1 -0
- package/dist/components/NewPropertyCard/NewPropertyCard.d.ts +8 -4
- package/dist/components/SharePopup/SharePopup.d.ts +0 -3
- package/dist/index.es.js +62 -49
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +62 -49
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +2 -2
- package/src/assets/images/card-arrow-left.svg +4 -4
- package/src/assets/images/card-arrow-right.svg +4 -4
- package/src/assets/images/imooly.svg +7 -7
- package/src/assets/images/more.svg +12 -12
- package/src/components/ImageListPopup/ImageListPopup.css +10 -0
- package/src/components/ImageListPopup/ImageListPopup.tsx +52 -42
- package/src/components/NewPropertyCard/NewPropertyCard.tsx +52 -24
- package/src/components/PropertyImageList/PropertyImageList.tsx +8 -3
- package/src/components/SharePopup/SharePopup.tsx +2 -7
- package/dist/assets/images/Icon_rightArrow.svg +0 -3
- package/dist/assets/images/LayersIcon.svg +0 -5
- package/dist/assets/images/blackarrow-Right.svg +0 -3
- package/dist/assets/images/blckarrow-Left.svg +0 -3
- package/dist/assets/images/chevron-left.svg +0 -3
- package/dist/assets/images/default-property.jpg +0 -0
- package/dist/assets/images/heartIcon.svg +0 -3
- package/dist/assets/images/icon-close-white.webp +0 -0
- package/dist/assets/images/icon_close 2.e41bb9a4db48e048.png +0 -0
- package/dist/assets/images/icon_close_2.png +0 -0
- package/dist/assets/images/icon_gallery.svg +0 -4
- package/dist/assets/images/icon_map.svg +0 -10
- package/dist/assets/images/icon_share_1.svg +0 -3
- package/dist/assets/images/layer_icon.svg +0 -5
- package/dist/assets/images/locationIcon.0af399c78e0cdc20.svg +0 -4
- package/dist/assets/images/locationIcon.svg +0 -4
- package/dist/assets/images/locationIconBlack.svg +0 -4
- package/dist/assets/images/no-image-icon.png +0 -0
- package/dist/components/Button/Button.js +0 -6
- package/dist/components/ImageListPopup/ImageListPopup.js +0 -26
- package/dist/components/MessagePopup/ErrorPopup.d.ts +0 -7
- package/dist/components/Popup/Popup.js +0 -12
- package/dist/components/SharePopup/PopUp.d.ts +0 -7
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.127 17.18a.614.614 0 0 1 0 .872L22.177 25l6.95 6.948a.617.617 0 0 1-.871.872l-7.384-7.384a.616.616 0 0 1 0-.872l7.384-7.383a.616.616 0 0 1 .871 0z" fill="#000"/>
|
|
4
|
+
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="50" height="50" rx="25" fill="#fff" fill-opacity=".8"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.873 32.82a.614.614 0 0 1 0-.872L27.823 25l-6.95-6.948a.617.617 0 0 1 .871-.872l7.384 7.384a.616.616 0 0 1 0 .872l-7.384 7.383a.616.616 0 0 1-.871 0z" fill="#000"/>
|
|
4
|
+
</svg>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
<svg width="150" height="45" viewBox="0 0 150 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M2.324 37.932s5.001-6.516 4.403-14.405c0 0 0-.705.598-.88.564-.282 2.254.352 2.959 2.183.07.14.176.67.246 1.092.141 1.127.282 3.733-.21 7.713 0 0 16.094-1.233 17.292.246 0 0 .387.282.563.74.282.67.282 1.55-1.021 1.655 0 0-4.085-.176-7.678 1.339 0 0-5.67 2.395-9.157 2.958-.035 0-4.93 1.55-7.995-2.641z" fill="#FDC500"/>
|
|
3
|
-
<path d="M18.738 38.53s2.571-1.162 7.08-1.655c0 0 1.62-.176 1.655.845 0 0 .07.423-.67.458l-8.065.352zM26.06 3.17S19.72.74 13.451 8.065l-7.255 10.53s-.74 1.48.176 1.938c0 0 1.374.67 2.607-.352l9.157-7.925s1.76-1.444 3.803.423c0 0 4.332 4.508 6.305 5.389 0 0 2.324.88 3.346-.282 0 0 .704-.81-.634-1.867 0 0-2.889-2.712-3.91-5.67 0 .035-.986-2.818-.986-7.08zM11.41 9.791l-2.713 4.015s-2.254 3.31-3.486 2.747c0 0-1.198-.563-.035-1.726l6.233-5.036z" fill="#FDC500"/>
|
|
4
|
-
<path d="M23.21 19.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106 1.127-.352z" fill="#FDC500"/>
|
|
5
|
-
<path d="M42.016 12.75h2.395v12.96h-2.395V12.75zM59.803 25.71l-.036-8.558-4.261 7.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142 8.558 5.036-8.559h1.973l.035 12.926h-2.254v.035zM77.447 25.71l-.035-8.558-4.262 7.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142 8.558 5.037-8.559h1.972l.035 12.926h-2.254v.035zM82.309 19.23c0-3.839 2.958-6.657 6.973-6.657s6.974 2.818 6.974 6.657-2.959 6.657-6.974 6.657c-4.015 0-6.973-2.818-6.973-6.657zm11.481 0c0-2.642-1.937-4.543-4.543-4.543s-4.543 1.902-4.543 4.543 1.937 4.543 4.543 4.543 4.543-1.902 4.543-4.543zM108.546 19.3h.916v4.825c-1.162 1.092-2.853 1.656-4.614 1.656-3.909 0-6.762-2.782-6.762-6.551s2.853-6.55 6.797-6.55c1.867 0 3.522.598 4.649 1.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346 0-5.846 2.43-5.846 5.706 0 3.24 2.5 5.706 5.846 5.706 1.374 0 2.607-.317 3.663-1.198V19.3zM121.577 22.048h-7.502l-1.655 3.663h-1.022l5.953-12.926h.95l5.953 12.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381 7.467h6.798zM135.594 25.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24 0 5.213 1.62 5.213 4.367 0 2.043-1.092 3.486-3.029 4.05l3.24 4.543h-1.057zm-4.367-5.071c2.782 0 4.262-1.303 4.262-3.522 0-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18 13.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z" fill="#242423"/>
|
|
6
|
-
<path d="M42.05 28.246h.459v7.396h-.458v-7.396zM44.059 30.289h.387v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.036c.317-.74.845-1.127 1.69-1.127.951 0 1.656.564 1.656 1.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.387V30.29zM52.617 30.289h.388v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.035c.317-.74.846-1.127 1.691-1.127.95 0 1.655.564 1.655 1.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.388V30.29h-.035zM63.36 30.183c1.55 0 2.43 1.268 2.43 2.783 0 1.514-.88 2.782-2.43 2.782-1.55 0-2.43-1.268-2.43-2.782 0-1.515.845-2.783 2.43-2.783zm0 5.213c1.338 0 2.043-1.162 2.043-2.43 0-1.268-.705-2.43-2.043-2.43s-2.078 1.162-2.078 2.43c0 1.268.74 2.43 2.078 2.43zM67.129 28.246h.387v3.205h.035c.317-.845 1.163-1.268 2.008-1.268 1.55 0 2.325 1.198 2.325 2.677 0 2.536-1.585 2.923-2.325 2.923-1.409 0-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332 4.614c0-1.198-.634-2.325-1.902-2.325-1.373 0-2.043.986-2.043 2.325 0 1.303.564 2.57 2.043 2.57 1.374-.034 1.902-1.373 1.902-2.57zM73.184 29.303v-1.057h.387v1.057h-.387zm0 6.34v-5.354h.387v5.318h-.387v.035zM75.614 28.246v7.396h-.387v-7.396h.387zM77.27 29.303v-1.057h.387v1.057h-.388zm0 6.34v-5.354h.387v5.318h-.388v.035zM79.385 33.036c-.036 1.268.634 2.395 1.972 2.395 1.021 0 1.726-.599 1.902-1.585h.387c-.211 1.233-1.021 1.937-2.29 1.937-1.549 0-2.359-1.233-2.359-2.677-.035-1.444.74-2.888 2.36-2.888 1.655 0 2.43 1.304 2.324 2.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198 0-1.867 1.091-1.972 2.148h3.909zM84.914 30.289h.388v1.127h.035c.281-.81 1.091-1.268 1.901-1.268 1.867 0 1.902 1.514 1.902 2.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198 0-1.902.916-1.902 2.219v2.888h-.388v-5.318h-.035zM93.227 30.641v-.352h.95v-1.092c0-.74.529-1.056 1.163-1.056.14 0 .317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423 0-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832 35.642h-.388v-1.127h-.035c-.282.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0 .564.07 1.726 1.514 1.726 1.198 0 1.902-.916 1.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62 0v-1.057h.458v1.057h-.458zM102.7 31.486c.246-.704 1.092-1.268 2.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599 1.55v2.922h-.388V30.29h.388v1.197zM113.583 30.36c-.035-1.269-1.021-1.902-2.359-1.902-.846 0-2.043.352-2.043 1.584 0 1.198 1.268 1.374 2.501 1.656 1.267.246 2.535.563 2.535 2.042 0 1.55-1.479 2.078-2.606 2.078-1.726 0-3.134-.704-3.134-2.606h.457c-.105 1.62 1.198 2.219 2.677 2.219.881 0 2.148-.387 2.148-1.69 0-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973 0-1.408 1.303-1.972 2.501-1.972 1.549 0 2.747.67 2.817 2.29h-.458zM117.458 30.641h-1.163v3.733c0 .846.388.951 1.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703 35.642h-.388v-1.127h-.035c-.281.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0 .564.07 1.727 1.514 1.727 1.198 0 1.902-.916 1.902-2.22V30.29h.388v5.353h.035zM126.157 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571 30.289v5.036c0 .423 0 2.395-2.289 2.325-1.127 0-2.008-.423-2.078-1.656h.387c.07.951.845 1.303 1.691 1.303 1.866 0 1.901-1.514 1.901-1.866v-1.233h-.035c-.387.775-1.021 1.198-1.937 1.198-1.55 0-2.289-1.163-2.289-2.642 0-1.409.81-2.606 2.289-2.606.845 0 1.62.423 1.937 1.233h.035v-1.092h.388zm-4.262 2.5c0 1.268.669 2.29 1.902 2.29 1.303 0 1.937-1.092 1.937-2.29 0-1.197-.634-2.289-1.937-2.289-1.268.035-1.902 1.162-1.902 2.29zM139.961 34.656c0 .317 0 .634.352.634.07 0 .176 0 .282-.035v.317c-.106.035-.212.035-.317.035-.634 0-.705-.352-.705-.775v-.282h-.035c-.247.634-.951 1.198-1.972 1.198-1.022 0-1.796-.388-1.796-1.515 0-1.232 1.091-1.514 1.972-1.584 1.761-.141 1.831-.247 1.831-1.092 0-.247-.282-1.057-1.479-1.057-.951 0-1.585.493-1.62 1.409h-.387c.035-1.162.774-1.761 2.042-1.761.916 0 1.867.282 1.867 1.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444 1.233 0 .634.458 1.162 1.409 1.162 1.796 0 1.972-1.55 1.972-1.796v-1.022zM141.934 31.486c.247-.704 1.092-1.268 2.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599 1.55v2.922h-.387V30.29h.387v1.197zM146.688 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z" fill="#FDC500"/>
|
|
7
|
-
</svg>
|
|
1
|
+
<svg width="150" height="45" viewBox="0 0 150 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M2.324 37.932s5.001-6.516 4.403-14.405c0 0 0-.705.598-.88.564-.282 2.254.352 2.959 2.183.07.14.176.67.246 1.092.141 1.127.282 3.733-.21 7.713 0 0 16.094-1.233 17.292.246 0 0 .387.282.563.74.282.67.282 1.55-1.021 1.655 0 0-4.085-.176-7.678 1.339 0 0-5.67 2.395-9.157 2.958-.035 0-4.93 1.55-7.995-2.641z" fill="#FDC500"/>
|
|
3
|
+
<path d="M18.738 38.53s2.571-1.162 7.08-1.655c0 0 1.62-.176 1.655.845 0 0 .07.423-.67.458l-8.065.352zM26.06 3.17S19.72.74 13.451 8.065l-7.255 10.53s-.74 1.48.176 1.938c0 0 1.374.67 2.607-.352l9.157-7.925s1.76-1.444 3.803.423c0 0 4.332 4.508 6.305 5.389 0 0 2.324.88 3.346-.282 0 0 .704-.81-.634-1.867 0 0-2.889-2.712-3.91-5.67 0 .035-.986-2.818-.986-7.08zM11.41 9.791l-2.713 4.015s-2.254 3.31-3.486 2.747c0 0-1.198-.563-.035-1.726l6.233-5.036z" fill="#FDC500"/>
|
|
4
|
+
<path d="M23.21 19.441v4.825l-1.126-.458-.423-.176h-.07v-1.726h-1.515v1.726h1.55l.282.176v.106h-3.91v-.106l.282-.176h1.515v-1.726h-1.48v1.726h-.035l-.422.176-1.163.458v-4.825l1.163.352.387.106.07.035v1.69h1.48V19.9H18.28l-.282-.106v-.14h3.91v.14l-.282.106h-1.55v1.726h1.515v-1.69l.07-.036.423-.106 1.127-.352z" fill="#FDC500"/>
|
|
5
|
+
<path d="M42.016 12.75h2.395v12.96h-2.395V12.75zM59.803 25.71l-.036-8.558-4.261 7.08h-1.057l-4.261-6.974v8.452h-2.29V12.75h1.973l5.142 8.558 5.036-8.559h1.973l.035 12.926h-2.254v.035zM77.447 25.71l-.035-8.558-4.262 7.08h-1.056l-4.262-6.974v8.452h-2.289V12.75h1.972l5.142 8.558 5.037-8.559h1.972l.035 12.926h-2.254v.035zM82.309 19.23c0-3.839 2.958-6.657 6.973-6.657s6.974 2.818 6.974 6.657-2.959 6.657-6.974 6.657c-4.015 0-6.973-2.818-6.973-6.657zm11.481 0c0-2.642-1.937-4.543-4.543-4.543s-4.543 1.902-4.543 4.543 1.937 4.543 4.543 4.543 4.543-1.902 4.543-4.543zM108.546 19.3h.916v4.825c-1.162 1.092-2.853 1.656-4.614 1.656-3.909 0-6.762-2.782-6.762-6.551s2.853-6.55 6.797-6.55c1.867 0 3.522.598 4.649 1.76l-.598.634c-1.127-1.092-2.466-1.55-4.051-1.55-3.346 0-5.846 2.43-5.846 5.706 0 3.24 2.5 5.706 5.846 5.706 1.374 0 2.607-.317 3.663-1.198V19.3zM121.577 22.048h-7.502l-1.655 3.663h-1.022l5.953-12.926h.95l5.953 12.925h-1.022l-1.655-3.662zm-.352-.775-3.417-7.467-3.381 7.467h6.798zM135.594 25.71l-3.099-4.332c-.423.07-.81.106-1.268.106h-3.698v4.226h-.951V12.75h4.649c3.24 0 5.213 1.62 5.213 4.367 0 2.043-1.092 3.486-3.029 4.05l3.24 4.543h-1.057zm-4.367-5.071c2.782 0 4.262-1.303 4.262-3.522 0-2.22-1.48-3.522-4.262-3.522h-3.698v7.008h3.698v.036zM142.18 13.63h-4.649v-.845h10.249v.845h-4.649v12.08h-.951V13.63z" fill="#242423"/>
|
|
6
|
+
<path d="M42.05 28.246h.459v7.396h-.458v-7.396zM44.059 30.289h.387v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.036c.317-.74.845-1.127 1.69-1.127.951 0 1.656.564 1.656 1.797v3.627h-.423V31.98c0-1.374-.95-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.387V30.29zM52.617 30.289h.388v1.092h.035c.176-.67.88-1.198 1.655-1.198 1.022 0 1.48.564 1.62 1.127h.035c.317-.74.846-1.127 1.691-1.127.95 0 1.655.564 1.655 1.797v3.627h-.387V31.98c0-1.374-.951-1.445-1.268-1.445-.95 0-1.655.67-1.655 1.973v3.134h-.388V31.98c0-1.338-.915-1.444-1.268-1.444-.74 0-1.69.6-1.69 1.973v3.134h-.388V30.29h-.035zM63.36 30.183c1.55 0 2.43 1.268 2.43 2.783 0 1.514-.88 2.782-2.43 2.782-1.55 0-2.43-1.268-2.43-2.782 0-1.515.845-2.783 2.43-2.783zm0 5.213c1.338 0 2.043-1.162 2.043-2.43 0-1.268-.705-2.43-2.043-2.43s-2.078 1.162-2.078 2.43c0 1.268.74 2.43 2.078 2.43zM67.129 28.246h.387v3.205h.035c.317-.845 1.163-1.268 2.008-1.268 1.55 0 2.325 1.198 2.325 2.677 0 2.536-1.585 2.923-2.325 2.923-1.409 0-1.937-1.021-2.007-1.303h-.036v1.197h-.387v-7.43zm4.332 4.614c0-1.198-.634-2.325-1.902-2.325-1.373 0-2.043.986-2.043 2.325 0 1.303.564 2.57 2.043 2.57 1.374-.034 1.902-1.373 1.902-2.57zM73.184 29.303v-1.057h.387v1.057h-.387zm0 6.34v-5.354h.387v5.318h-.387v.035zM75.614 28.246v7.396h-.387v-7.396h.387zM77.27 29.303v-1.057h.387v1.057h-.388zm0 6.34v-5.354h.387v5.318h-.388v.035zM79.385 33.036c-.036 1.268.634 2.395 1.972 2.395 1.021 0 1.726-.599 1.902-1.585h.387c-.211 1.233-1.021 1.937-2.29 1.937-1.549 0-2.359-1.233-2.359-2.677-.035-1.444.74-2.888 2.36-2.888 1.655 0 2.43 1.304 2.324 2.853h-4.296v-.035zm3.909-.352c-.035-1.127-.74-2.148-1.937-2.148-1.198 0-1.867 1.091-1.972 2.148h3.909zM84.914 30.289h.388v1.127h.035c.281-.81 1.091-1.268 1.901-1.268 1.867 0 1.902 1.514 1.902 2.148v3.311h-.387v-3.381c0-.564-.07-1.726-1.514-1.726-1.198 0-1.902.916-1.902 2.219v2.888h-.388v-5.318h-.035zM93.227 30.641v-.352h.95v-1.092c0-.74.529-1.056 1.163-1.056.14 0 .317.035.458.035v.352c-.141-.035-.317-.035-.458-.035-.423 0-.775.14-.775.74v1.056h1.092v.352h-1.092v4.966h-.388v-4.966h-.95zM100.832 35.642h-.388v-1.127h-.035c-.282.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.381c0 .564.07 1.726 1.514 1.726 1.198 0 1.902-.916 1.902-2.219v-2.888h.388v5.353h.035zm-3.17-6.163v-1.057h.458v1.057h-.458zm1.62 0v-1.057h.458v1.057h-.458zM102.7 31.486c.246-.704 1.092-1.268 2.078-1.197v.387c-.423-.035-.986.036-1.479.529-.388.387-.564.74-.599 1.55v2.922h-.388V30.29h.388v1.197zM113.583 30.36c-.035-1.269-1.021-1.902-2.359-1.902-.846 0-2.043.352-2.043 1.584 0 1.198 1.268 1.374 2.501 1.656 1.267.246 2.535.563 2.535 2.042 0 1.55-1.479 2.078-2.606 2.078-1.726 0-3.134-.704-3.134-2.606h.457c-.105 1.62 1.198 2.219 2.677 2.219.881 0 2.148-.387 2.148-1.69 0-1.269-1.267-1.48-2.535-1.726-1.268-.247-2.501-.564-2.501-1.973 0-1.408 1.303-1.972 2.501-1.972 1.549 0 2.747.67 2.817 2.29h-.458zM117.458 30.641h-1.163v3.733c0 .846.388.951 1.163.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.387v1.655h1.163v.352zM122.703 35.642h-.388v-1.127h-.035c-.281.81-1.092 1.268-1.902 1.268-1.866 0-1.901-1.514-1.901-2.148v-3.346h.387v3.38c0 .564.07 1.727 1.514 1.727 1.198 0 1.902-.916 1.902-2.22V30.29h.388v5.353h.035zM126.157 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM129.149 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352zM134.571 30.289v5.036c0 .423 0 2.395-2.289 2.325-1.127 0-2.008-.423-2.078-1.656h.387c.07.951.845 1.303 1.691 1.303 1.866 0 1.901-1.514 1.901-1.866v-1.233h-.035c-.387.775-1.021 1.198-1.937 1.198-1.55 0-2.289-1.163-2.289-2.642 0-1.409.81-2.606 2.289-2.606.845 0 1.62.423 1.937 1.233h.035v-1.092h.388zm-4.262 2.5c0 1.268.669 2.29 1.902 2.29 1.303 0 1.937-1.092 1.937-2.29 0-1.197-.634-2.289-1.937-2.289-1.268.035-1.902 1.162-1.902 2.29zM139.961 34.656c0 .317 0 .634.352.634.07 0 .176 0 .282-.035v.317c-.106.035-.212.035-.317.035-.634 0-.705-.352-.705-.775v-.282h-.035c-.247.634-.951 1.198-1.972 1.198-1.022 0-1.796-.388-1.796-1.515 0-1.232 1.091-1.514 1.972-1.584 1.761-.141 1.831-.247 1.831-1.092 0-.247-.282-1.057-1.479-1.057-.951 0-1.585.493-1.62 1.409h-.387c.035-1.162.774-1.761 2.042-1.761.916 0 1.867.282 1.867 1.373v3.135h-.035zm-.388-2.043c-.317.352-1.162.317-1.937.423-.916.106-1.444.423-1.444 1.233 0 .634.458 1.162 1.409 1.162 1.796 0 1.972-1.55 1.972-1.796v-1.022zM141.934 31.486c.247-.704 1.092-1.268 2.078-1.197v.387c-.422-.035-.986.036-1.479.529-.387.387-.563.74-.599 1.55v2.922h-.387V30.29h.387v1.197zM146.688 30.641h-1.162v3.733c0 .846.387.951 1.162.916v.352c-.81.035-1.585-.07-1.55-1.268v-3.733h-.986v-.352h.986v-1.655h.388v1.655h1.162v.352z" fill="#FDC500"/>
|
|
7
|
+
</svg>
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#fxcoqj8dma)" fill="#313131">
|
|
3
|
-
<circle cx="2" cy="2" r="2"/>
|
|
4
|
-
<circle cx="2" cy="10" r="2"/>
|
|
5
|
-
<circle cx="2" cy="18" r="2"/>
|
|
6
|
-
</g>
|
|
7
|
-
<defs>
|
|
8
|
-
<clipPath id="fxcoqj8dma">
|
|
9
|
-
<path fill="#fff" d="M0 0h4v20H0z"/>
|
|
10
|
-
</clipPath>
|
|
11
|
-
</defs>
|
|
12
|
-
</svg>
|
|
1
|
+
<svg width="4" height="20" viewBox="0 0 4 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#fxcoqj8dma)" fill="#313131">
|
|
3
|
+
<circle cx="2" cy="2" r="2"/>
|
|
4
|
+
<circle cx="2" cy="10" r="2"/>
|
|
5
|
+
<circle cx="2" cy="18" r="2"/>
|
|
6
|
+
</g>
|
|
7
|
+
<defs>
|
|
8
|
+
<clipPath id="fxcoqj8dma">
|
|
9
|
+
<path fill="#fff" d="M0 0h4v20H0z"/>
|
|
10
|
+
</clipPath>
|
|
11
|
+
</defs>
|
|
12
|
+
</svg>
|
|
@@ -7,6 +7,7 @@ import "../../styles/common.css";
|
|
|
7
7
|
|
|
8
8
|
interface PopupProps {
|
|
9
9
|
pictureUrls: { title: string; url: string }[];
|
|
10
|
+
onClose?: () => void;
|
|
10
11
|
}
|
|
11
12
|
|
|
12
13
|
export default function ImageListPopup(props: PopupProps) {
|
|
@@ -35,7 +36,9 @@ export default function ImageListPopup(props: PopupProps) {
|
|
|
35
36
|
};
|
|
36
37
|
|
|
37
38
|
const handleClose = () => {
|
|
38
|
-
|
|
39
|
+
if (props.onClose) {
|
|
40
|
+
props.onClose();
|
|
41
|
+
}
|
|
39
42
|
};
|
|
40
43
|
|
|
41
44
|
return (
|
|
@@ -47,12 +50,12 @@ export default function ImageListPopup(props: PopupProps) {
|
|
|
47
50
|
<img
|
|
48
51
|
src={iconClose}
|
|
49
52
|
alt="close"
|
|
50
|
-
className="
|
|
53
|
+
className="closeIconNestiq"
|
|
51
54
|
onClick={handleClose}
|
|
52
55
|
/>
|
|
53
56
|
</div>
|
|
54
57
|
<span className="text-white align-self-center">
|
|
55
|
-
{props.pictureUrls[currentImageIndex]
|
|
58
|
+
{props.pictureUrls[currentImageIndex].title}
|
|
56
59
|
</span>
|
|
57
60
|
<div className="d-flex justify-content-center">
|
|
58
61
|
<div className="p-2 bd-highlight align-self-center align-items-center me-5">
|
|
@@ -70,9 +73,9 @@ export default function ImageListPopup(props: PopupProps) {
|
|
|
70
73
|
</div>
|
|
71
74
|
<div className="p-2 bd-highlight">
|
|
72
75
|
<div
|
|
73
|
-
className=" rounded-5
|
|
76
|
+
className=" rounded-5"
|
|
74
77
|
style={{
|
|
75
|
-
backgroundImage: `url(${props.pictureUrls[currentImageIndex]
|
|
78
|
+
backgroundImage: `url(${props.pictureUrls[currentImageIndex].url})`,
|
|
76
79
|
height: "465px",
|
|
77
80
|
width: "880px",
|
|
78
81
|
backgroundSize: "cover",
|
|
@@ -98,44 +101,51 @@ export default function ImageListPopup(props: PopupProps) {
|
|
|
98
101
|
<div className="d-flex flex-row">
|
|
99
102
|
{/* Arrows on the main image */}
|
|
100
103
|
</div>
|
|
101
|
-
<div className="d-flex flex-row
|
|
102
|
-
<div
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
104
|
+
<div className="d-flex flex-row justify-content-center w-100 mt-5">
|
|
105
|
+
<div
|
|
106
|
+
className="d-flex flex-row gap-4 overflow-auto px-3"
|
|
107
|
+
ref={imageListRef}
|
|
108
|
+
style={{
|
|
109
|
+
maxWidth: "100%",
|
|
110
|
+
scrollbarWidth: "thin",
|
|
111
|
+
}}
|
|
112
|
+
>
|
|
113
|
+
{props.pictureUrls.length > 0 && (
|
|
114
|
+
<>
|
|
115
|
+
{props.pictureUrls.map((picture, index) => (
|
|
116
|
+
<div
|
|
117
|
+
key={index}
|
|
118
|
+
className={`flex-shrink-0 ${
|
|
119
|
+
index === currentImageIndex
|
|
120
|
+
? "border border-3 border-primary"
|
|
121
|
+
: ""
|
|
122
|
+
}`}
|
|
123
|
+
onClick={() => {
|
|
124
|
+
setCurrentImageIndex(index);
|
|
125
|
+
imageListRef.current!.scrollTo({
|
|
126
|
+
left: index * 170, // 150px width + gap
|
|
127
|
+
behavior: "smooth",
|
|
128
|
+
});
|
|
129
|
+
}}
|
|
130
|
+
role="button"
|
|
131
|
+
style={{
|
|
132
|
+
cursor: "pointer",
|
|
133
|
+
width: "150px",
|
|
134
|
+
height: "150px",
|
|
135
|
+
}}
|
|
136
|
+
>
|
|
137
|
+
<img
|
|
138
|
+
src={picture.url}
|
|
139
|
+
alt={`Image ${index + 1}`}
|
|
140
|
+
className="w-100 h-100 rounded-3 object-fit-cover"
|
|
141
|
+
style={{
|
|
142
|
+
display: "block",
|
|
143
|
+
}}
|
|
144
|
+
/>
|
|
135
145
|
</div>
|
|
136
|
-
)}
|
|
137
|
-
|
|
138
|
-
|
|
146
|
+
))}
|
|
147
|
+
</>
|
|
148
|
+
)}
|
|
139
149
|
</div>
|
|
140
150
|
</div>
|
|
141
151
|
</div>
|
|
@@ -14,6 +14,7 @@ import FloorPlanPopup from "../FloorPlanPopup/FloorPlanPopup";
|
|
|
14
14
|
import SharePopup from "../SharePopup/SharePopup";
|
|
15
15
|
import { MessageModel } from "../../models/message.model";
|
|
16
16
|
import immooly from "../../assets/images/imooly.svg";
|
|
17
|
+
import ImageListPopup from "../ImageListPopup/ImageListPopup";
|
|
17
18
|
|
|
18
19
|
interface PopupProps {
|
|
19
20
|
property: {
|
|
@@ -36,7 +37,8 @@ interface PopupProps {
|
|
|
36
37
|
expose: {
|
|
37
38
|
title: string;
|
|
38
39
|
};
|
|
39
|
-
|
|
40
|
+
selectedFloorPlan?: string;
|
|
41
|
+
pictures: { contentUrl: string; pictureType: { id: number } }[];
|
|
40
42
|
};
|
|
41
43
|
Impliment: any;
|
|
42
44
|
baseUrl: string;
|
|
@@ -46,10 +48,7 @@ interface PopupProps {
|
|
|
46
48
|
messageOnClick: () => void;
|
|
47
49
|
onclickSuccess: () => void;
|
|
48
50
|
onClick: () => void;
|
|
49
|
-
onFloorPlanClick: () => void;
|
|
50
|
-
options?: {
|
|
51
|
-
override_share_link?: string;
|
|
52
|
-
};
|
|
51
|
+
onFloorPlanClick: (images: { url: string; title: string }[]) => void;
|
|
53
52
|
}
|
|
54
53
|
export default function PropertyCard(props: PopupProps) {
|
|
55
54
|
const [liked, setLiked] = useState(false);
|
|
@@ -60,33 +59,48 @@ export default function PropertyCard(props: PopupProps) {
|
|
|
60
59
|
const [messagePopUp, setMessagPopUp] = useState(false);
|
|
61
60
|
const [sharePopUp, setSharePopUp] = useState(false);
|
|
62
61
|
|
|
62
|
+
const [isImagePopupOpen, setIsImagePopupOpen] = useState(false);
|
|
63
|
+
|
|
63
64
|
const pictureUrls =
|
|
64
65
|
props.property?.pictures?.length > 0
|
|
65
|
-
? props.property.pictures
|
|
66
|
-
(picture) =>
|
|
67
|
-
|
|
66
|
+
? props.property.pictures
|
|
67
|
+
.filter((picture) => picture.pictureType.id === 2)
|
|
68
|
+
.map((picture) => `${props.baseUrl}${picture.contentUrl}`)
|
|
68
69
|
: [noImageIcon];
|
|
69
70
|
|
|
71
|
+
const floorPlanImages =
|
|
72
|
+
props.property.pictures
|
|
73
|
+
?.filter((p) => p.pictureType?.id === 1)
|
|
74
|
+
.map((p, index) => ({
|
|
75
|
+
url: props.baseUrl + p.contentUrl,
|
|
76
|
+
title: `Floor Plan ${index + 1}`,
|
|
77
|
+
})) || [];
|
|
78
|
+
|
|
79
|
+
if (props.property.selectedFloorPlan) {
|
|
80
|
+
floorPlanImages.push({
|
|
81
|
+
url: props.property.selectedFloorPlan,
|
|
82
|
+
title: "Selected Floor Plan",
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
|
|
70
86
|
// setPictureUrls(pictureUrls);
|
|
71
87
|
const handleLike = () => {
|
|
72
88
|
setLiked(!liked);
|
|
73
89
|
};
|
|
74
|
-
|
|
75
|
-
|
|
90
|
+
|
|
91
|
+
const handleFloorPlanButton = () => {
|
|
92
|
+
setIsImagePopupOpen(true);
|
|
93
|
+
if (props.onFloorPlanClick) {
|
|
94
|
+
props.onFloorPlanClick(floorPlanImages);
|
|
95
|
+
}
|
|
76
96
|
};
|
|
97
|
+
|
|
77
98
|
const handleMessagPopUp = () => {
|
|
78
99
|
// setMessagPopUp(true);
|
|
79
100
|
props.messageOnClick();
|
|
80
101
|
};
|
|
81
102
|
const handleSharePopUp = () => {
|
|
82
103
|
setSharePopUp(true);
|
|
83
|
-
// const path = document.querySelector(
|
|
84
|
-
// "#root > div:nth-child(3) > div:nth-child(3) > div.d-flex.px-lg-5.px-md-3.flex-column.col-12.filter-section-wrapper.mx-auto.mt-3 > div.mt-2.d-flex.flex-column.gap-4 > div:nth-child(1) > div:nth-child(3) > div > div > div.col-10.mx-auto > div > input"
|
|
85
|
-
// );
|
|
86
|
-
// console.log(path);
|
|
87
|
-
// if (path) {
|
|
88
|
-
// path.innerHTML = window.location.href + props.property.id;
|
|
89
|
-
// }
|
|
90
104
|
};
|
|
91
105
|
|
|
92
106
|
const handleArrowClickInMainImage = (direction: string) => {
|
|
@@ -156,7 +170,7 @@ export default function PropertyCard(props: PopupProps) {
|
|
|
156
170
|
<div
|
|
157
171
|
className="Grundriss kontact-button-text ms-2 "
|
|
158
172
|
role="button"
|
|
159
|
-
onClick={
|
|
173
|
+
onClick={() => handleFloorPlanButton()}
|
|
160
174
|
style={{ marginBottom: "16px" }}
|
|
161
175
|
>
|
|
162
176
|
<img src={iconLayers} className="" style={{ width: "18px" }} />{" "}
|
|
@@ -349,12 +363,26 @@ export default function PropertyCard(props: PopupProps) {
|
|
|
349
363
|
</div>
|
|
350
364
|
)}
|
|
351
365
|
</div>
|
|
352
|
-
{
|
|
353
|
-
<
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
366
|
+
{/* {floorPlan && (
|
|
367
|
+
<FloorPlanPopup
|
|
368
|
+
contentUrl={props.floorPlanUrl}
|
|
369
|
+
onCloseClick={() => setFloorPlan(false)}
|
|
370
|
+
/>
|
|
371
|
+
)} */}
|
|
372
|
+
{/* {messagePopUp && (
|
|
373
|
+
<MessagePopUp
|
|
374
|
+
onCloseClick={() => setMessagPopUp(false)}
|
|
375
|
+
sellerFirstName={props.userData?.firstname}
|
|
376
|
+
sellerLastName={props.userData?.lastname}
|
|
377
|
+
themesList={props.themesList}
|
|
378
|
+
onSubmit={props.onMessagePopupSubmitClick}
|
|
379
|
+
/>
|
|
380
|
+
)} */}
|
|
381
|
+
{sharePopUp && <SharePopup onClick={() => setSharePopUp(false)} />}
|
|
382
|
+
{isImagePopupOpen && (
|
|
383
|
+
<ImageListPopup
|
|
384
|
+
pictureUrls={floorPlanImages}
|
|
385
|
+
onClose={() => setIsImagePopupOpen(false)}
|
|
358
386
|
/>
|
|
359
387
|
)}
|
|
360
388
|
</div>
|
|
@@ -121,8 +121,8 @@ export default function PropertyImageList(prop: PopupProps) {
|
|
|
121
121
|
index === 0
|
|
122
122
|
? "ms-1"
|
|
123
123
|
: index === prop.pictureUrls.length - 1
|
|
124
|
-
|
|
125
|
-
|
|
124
|
+
? "me-1"
|
|
125
|
+
: ""
|
|
126
126
|
}`}
|
|
127
127
|
onClick={() => {
|
|
128
128
|
setCurrentImageIndex(index);
|
|
@@ -199,7 +199,12 @@ export default function PropertyImageList(prop: PopupProps) {
|
|
|
199
199
|
</div>
|
|
200
200
|
</div>
|
|
201
201
|
{/* Popup for all photos */}
|
|
202
|
-
{isImagePopupOpen &&
|
|
202
|
+
{isImagePopupOpen && (
|
|
203
|
+
<ImageListPopup
|
|
204
|
+
pictureUrls={prop.pictureUrls}
|
|
205
|
+
onClose={() => setIsImagePopupOpen(false)}
|
|
206
|
+
/>
|
|
207
|
+
)}
|
|
203
208
|
|
|
204
209
|
{/* Popup for floor plan */}
|
|
205
210
|
{isFloorPlanPopupOpen && (
|
|
@@ -11,9 +11,6 @@ import "../../styles/common.css";
|
|
|
11
11
|
|
|
12
12
|
interface PopupProps {
|
|
13
13
|
onClick: String | any;
|
|
14
|
-
options?: {
|
|
15
|
-
override_location: string | any;
|
|
16
|
-
};
|
|
17
14
|
}
|
|
18
15
|
export default function SharePopup(props: PopupProps) {
|
|
19
16
|
const [showPopUp, setShowPopUp] = useState(true);
|
|
@@ -21,7 +18,7 @@ export default function SharePopup(props: PopupProps) {
|
|
|
21
18
|
const handleClose = () => {
|
|
22
19
|
props.onClick();
|
|
23
20
|
};
|
|
24
|
-
|
|
21
|
+
|
|
25
22
|
const urlInputRef = useRef<HTMLInputElement | null>(null);
|
|
26
23
|
|
|
27
24
|
const copyToClipboard = () => {
|
|
@@ -125,9 +122,7 @@ export default function SharePopup(props: PopupProps) {
|
|
|
125
122
|
type="text"
|
|
126
123
|
className="popup_search-input rounded-4 border border-0 "
|
|
127
124
|
placeholder="Enter link here"
|
|
128
|
-
value={
|
|
129
|
-
props?.options?.override_location || window.location.href
|
|
130
|
-
}
|
|
125
|
+
value={window.location.href}
|
|
131
126
|
readOnly
|
|
132
127
|
/>
|
|
133
128
|
<button
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-chevron-right" viewBox="0 0 16 16">
|
|
2
|
-
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
|
|
3
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="m16.855 5.147-8-4.572a.571.571 0 0 0-.567 0l-8 4.572a.571.571 0 0 0 .014 1l8 4.285a.571.571 0 0 0 .54 0l8-4.285a.571.571 0 0 0 .013-1zM8.572 9.28l-6.82-3.653 6.82-3.897 6.82 3.897-6.82 3.653z" fill="#031012"/>
|
|
3
|
-
<path d="M8.846 13.43 16.57 9.18V7.877l-8 4.4-8-4.4V9.18l7.725 4.249a.572.572 0 0 0 .55 0z" fill="#031012"/>
|
|
4
|
-
<path d="m.57 12.309 7.731 4.123a.572.572 0 0 0 .538 0l7.731-4.123v-1.295l-8 4.266-8-4.266v1.295z" fill="#031012"/>
|
|
5
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
|
|
2
|
-
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
|
|
2
|
-
<path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
|
|
3
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#fff" class="bi bi-chevron-left" viewBox="0 0 16 16">
|
|
2
|
-
<path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0"/>
|
|
3
|
-
</svg>
|
|
Binary file
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M27.24 2.467a7.97 7.97 0 0 0-11.275.004l-.966.978-.958-.976-.006-.006a7.97 7.97 0 0 0-11.27 0l-.43.43a7.97 7.97 0 0 0 0 11.27l11.354 11.356 1.282 1.343.03-.03.034.033 1.201-1.268L27.67 14.168a7.979 7.979 0 0 0 0-11.27l-.43-.431zm-.98 10.292L15.003 24.018l-11.26-11.26a5.977 5.977 0 0 1 0-8.452l.431-.43a5.977 5.977 0 0 1 8.45-.003l2.372 2.415 2.383-2.412a5.977 5.977 0 0 1 8.453 0l.43.43a5.984 5.984 0 0 1 0 8.453z" fill="#fff"/>
|
|
3
|
-
</svg>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M18.242 1.29H4.297a1.76 1.76 0 0 0-1.758 1.757v.742h-.781A1.76 1.76 0 0 0 0 5.547v11.406c0 .97.789 1.758 1.758 1.758h13.945a1.76 1.76 0 0 0 1.758-1.758v-.742h.781A1.76 1.76 0 0 0 20 14.453V3.047a1.76 1.76 0 0 0-1.758-1.758zM4.297 2.46h13.945c.323 0 .586.264.586.587v5.508l-3.49-2.47a.586.586 0 0 0-.724.037L10 10.159l-2.114-1.85a.586.586 0 0 0-.748-.02l-3.427 2.693V3.047c0-.323.263-.586.586-.586zm11.992 14.493a.587.587 0 0 1-.586.586H1.758a.587.587 0 0 1-.586-.586V5.547c0-.323.263-.586.586-.586h.781v9.492c0 .97.789 1.758 1.758 1.758h11.992v.742zm1.953-1.914H4.297a.587.587 0 0 1-.586-.586v-1.98L7.48 9.51l2.134 1.868c.221.193.55.193.772 0l4.652-4.071 3.79 2.683v4.462a.587.587 0 0 1-.586.586z" fill="#fff"/>
|
|
3
|
-
<path d="M10 7.46a1.838 1.838 0 0 0 1.836-1.835A1.838 1.838 0 0 0 10 3.789a1.838 1.838 0 0 0-1.836 1.836c0 1.012.824 1.836 1.836 1.836zm0-2.5a.665.665 0 1 1-.001 1.33A.665.665 0 0 1 10 4.96z" fill="#fff"/>
|
|
4
|
-
</svg>
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#bq66l33lna)">
|
|
3
|
-
<path d="M19.286 0a.715.715 0 0 0-.32.075l-5.413 2.707-6.12-2.72C7.423.058 7.41.057 7.4.052a.741.741 0 0 0-.17-.044 1.063 1.063 0 0 0-.175 0 .742.742 0 0 0-.171.044c-.01.005-.022.005-.032.01L.424 2.919A.714.714 0 0 0 0 3.572v15.714a.714.714 0 0 0 1.004.653l6.139-2.729 6.138 2.729c.01.004.022 0 .033.006a.63.63 0 0 0 .54-.012c.012-.005.025 0 .036-.008l5.715-2.857a.714.714 0 0 0 .395-.64V.716A.714.714 0 0 0 19.286 0zM6.428 15.964l-5 2.222V4.036l5-2.222v14.15zm6.429 2.222-5-2.222V1.814l5 2.222v14.15zm5.714-2.199-4.286 2.143V4.013l4.286-2.143v14.117z" fill="#fff"/>
|
|
4
|
-
</g>
|
|
5
|
-
<defs>
|
|
6
|
-
<clipPath id="bq66l33lna">
|
|
7
|
-
<path fill="#fff" d="M0 0h20v20H0z"/>
|
|
8
|
-
</clipPath>
|
|
9
|
-
</defs>
|
|
10
|
-
</svg>
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M22.046 9.9h-2.56a.937.937 0 1 0 0 1.875h2.56c.517 0 .938.42.938.937v12.26c0 .517-.42.938-.938.938H7.953a.939.939 0 0 1-.937-.938v-12.26c0-.517.42-.937.937-.937h2.56a.937.937 0 1 0 0-1.875h-2.56a2.816 2.816 0 0 0-2.812 2.812v12.26a2.816 2.816 0 0 0 2.812 2.813h14.093a2.816 2.816 0 0 0 2.813-2.813v-12.26A2.816 2.816 0 0 0 22.046 9.9zM11.504 8.007l2.59-2.59V17.76a.937.937 0 1 0 1.874 0V5.418l2.59 2.59a.934.934 0 0 0 1.326 0 .937.937 0 0 0 0-1.327l-4.19-4.19a.938.938 0 0 0-1.326 0l-4.19 4.19a.937.937 0 1 0 1.326 1.326z" fill="#000"/>
|
|
3
|
-
</svg>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="m21.354 5.808-10-5.714a.714.714 0 0 0-.709 0l-10 5.714a.714.714 0 0 0 .017 1.25l10 5.357a.714.714 0 0 0 .675 0l10-5.357a.714.714 0 0 0 .017-1.25zM11 10.975 2.475 6.408 11 1.537l8.525 4.871L11 10.975z" fill="#fff"/>
|
|
3
|
-
<path d="m11.34 16.162 9.656-5.31V9.22l-10 5.5-10-5.5v1.63l9.656 5.31a.715.715 0 0 0 .688 0z" fill="#fff"/>
|
|
4
|
-
<path d="m.996 14.762 9.664 5.154a.714.714 0 0 0 .672 0l9.664-5.154v-1.62l-10 5.334-10-5.333v1.619z" fill="#fff"/>
|
|
5
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M6 4.725a2.208 2.208 0 1 0 .001 4.416 2.208 2.208 0 0 0 0-4.416zm0 3.312a1.104 1.104 0 1 1 .001-2.208 1.104 1.104 0 0 1 0 2.208z" fill="#fff"/>
|
|
3
|
-
<path d="M10.243 2.687a6 6 0 0 0-9.27 7.518l4.17 6.403a1.022 1.022 0 0 0 1.713 0l4.171-6.404a6 6 0 0 0-.784-7.517zm-.14 6.915L6 15.9 1.897 9.602a4.919 4.919 0 0 1 .64-6.135 4.896 4.896 0 0 1 6.925 0 4.919 4.919 0 0 1 .64 6.135z" fill="#fff"/>
|
|
4
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M6 4.725a2.208 2.208 0 1 0 .001 4.416 2.208 2.208 0 0 0 0-4.416zm0 3.312a1.104 1.104 0 1 1 .001-2.208 1.104 1.104 0 0 1 0 2.208z" fill="#fff"/>
|
|
3
|
-
<path d="M10.243 2.687a6 6 0 0 0-9.27 7.518l4.17 6.403a1.022 1.022 0 0 0 1.713 0l4.171-6.404a6 6 0 0 0-.784-7.517zm-.14 6.915L6 15.9 1.897 9.602a4.919 4.919 0 0 1 .64-6.135 4.896 4.896 0 0 1 6.925 0 4.919 4.919 0 0 1 .64 6.135z" fill="#fff"/>
|
|
4
|
-
</svg>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
|
|
2
|
-
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A32 32 0 0 1 8 14.58a32 32 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10"/>
|
|
3
|
-
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4m0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
|
|
4
|
-
</svg>
|
|
Binary file
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
2
|
-
import "bootstrap/dist/css/bootstrap.min.css";
|
|
3
|
-
import "./ImageListPopup.css";
|
|
4
|
-
var ImageListPopup = function (_a) {
|
|
5
|
-
var images = _a.images, onClose = _a.onClose;
|
|
6
|
-
var _b = useState(0), currentIndex = _b[0], setCurrentIndex = _b[1];
|
|
7
|
-
var handlePrevious = function () {
|
|
8
|
-
setCurrentIndex(function (prevIndex) { return (prevIndex > 0 ? prevIndex - 1 : prevIndex); });
|
|
9
|
-
};
|
|
10
|
-
var handleNext = function () {
|
|
11
|
-
setCurrentIndex(function (prevIndex) {
|
|
12
|
-
return prevIndex < images.length - 1 ? prevIndex + 1 : prevIndex;
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
return (React.createElement("div", { className: "popup-overlay" },
|
|
16
|
-
React.createElement("div", { className: "popup-container" },
|
|
17
|
-
React.createElement("div", { className: "popup-header" },
|
|
18
|
-
React.createElement("span", null, images[currentIndex].title),
|
|
19
|
-
React.createElement("button", { className: "btn-close", onClick: onClose })),
|
|
20
|
-
React.createElement("div", { className: "popup-body" },
|
|
21
|
-
React.createElement("img", { src: images[currentIndex].src, alt: images[currentIndex].title, className: "img-fluid" })),
|
|
22
|
-
React.createElement("div", { className: "popup-footer" }, images.length > 1 && (React.createElement(React.Fragment, null,
|
|
23
|
-
React.createElement("button", { className: "btn btn-secondary me-2", onClick: handlePrevious }, "Previous"),
|
|
24
|
-
React.createElement("button", { className: "btn btn-secondary", onClick: handleNext }, "Next")))))));
|
|
25
|
-
};
|
|
26
|
-
export default ImageListPopup;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import closeIcon from "src/assets/images/icon_close 2.png";
|
|
3
|
-
import "./Popup.css";
|
|
4
|
-
var Popup = function (_a) {
|
|
5
|
-
var onCloseClick = _a.onCloseClick, children = _a.children;
|
|
6
|
-
return (React.createElement("div", { className: "popup-overlay" },
|
|
7
|
-
React.createElement("div", { className: "shareSection col-12 d-flex position-relative flex-column mx-auto justify-content-center col-5 col-lg-6 d-flex gap-4" },
|
|
8
|
-
React.createElement("div", { className: "end-0 top-0 position-absolute " },
|
|
9
|
-
React.createElement("img", { src: closeIcon, alt: "close", className: "closeIcon me-2", onClick: onCloseClick })),
|
|
10
|
-
children)));
|
|
11
|
-
};
|
|
12
|
-
export default Popup;
|