nestiq-component-library 1.1.146 → 1.1.151

package/src/components/ImageListPopup/ImageListPopup.tsx

@@ -42,7 +42,7 @@ export default function ImageListPopup(props: PopupProps) {
     <div>
       {showPopUp && (
         <div className="popup-overlay">
-          <div className=" d-flex w-50 flex-column gap-3  col-6 ">
+          <div className=" d-flex w-50 flex-column  col-6 ">
             <div className="d-flex  align-self-end me-5 mt-5">
               <img
                 src={iconClose}
@@ -54,7 +54,7 @@ export default function ImageListPopup(props: PopupProps) {
             <span className="text-white align-self-center">
               {props.pictureUrls[currentImageIndex].title}
             </span>
-            <div className="d-flex flex-row col-12 justify-content-center">
+            <div className="d-flex justify-content-center">
               <div className="p-2 bd-highlight align-self-center align-items-center me-5">
                 <div
                   className="rounded-circle border onImageArrow start-0 d-flex  "
@@ -95,15 +95,18 @@ export default function ImageListPopup(props: PopupProps) {
                 </div>
               </div>
             </div>
-
-            <div className="d-flex flex-row gap-4 align-self-center  w-100 secondList mt-4 ">
-              
+            <div className="d-flex flex-row">
+              {/* Arrows on the main image */}
+            </div>
+            <div className="d-flex flex-row gap-4  w-100 secondList ">
+              <div className="col-lg-12 d-flex flex-row p-1  align-self-center mt-5">
+                <div className="col-12 position-relative d-flex justify-content-center">
                   <div
-                    className="col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-none "
+                    className="col-lg-10 rounded-3 h-100 w-100 d-flex flex-row gap-2 overflow-auto "
                     ref={imageListRef}
                   >
                     {props.pictureUrls.length > 0 && (
-                      <div className="col-lg-5 h-75 w-25 d-flex gap-4 flex-row rounded-3">
+                      <div className="col-lg-5 h-100 w-25 d-flex gap-4 flex-row rounded-3">
                         {props.pictureUrls.map((picture, index) => (
                           <div
                             key={index}
@@ -120,7 +123,7 @@ export default function ImageListPopup(props: PopupProps) {
                             <img
                               src={picture.url}
                               alt={`Image ${index + 1}`}
-                              className="col-12 h-75 rounded-3 object-fit-cover"
+                              className="col-12 h-100 rounded-3 object-fit-cover"
                             />
                           </div>
                         ))}
@@ -130,7 +133,8 @@ export default function ImageListPopup(props: PopupProps) {
                 </div>
               </div>
             </div>
-         
+          </div>
+        </div>
       )}
     </div>
   );

package/src/components/NewPropertyCard/NewPropertyCard.tsx

@@ -46,6 +46,7 @@ interface PopupProps {
   messageOnClick: () => void;
   onclickSuccess: () => void;
   onClick: () => void;
+  onFloorPlanClick: () => void;
 }
 export default function PropertyCard(props: PopupProps) {
   const [liked, setLiked] = useState(false);
@@ -59,7 +60,7 @@ export default function PropertyCard(props: PopupProps) {
   const pictureUrls =
     props.property?.pictures?.length > 0
       ? props.property.pictures.map(
-          (picture) => `${props.baseUrl}${picture.contentUrl}`,
+          (picture) => `${props.baseUrl}${picture.contentUrl}`
         )
       : [noImageIcon];
 
@@ -68,9 +69,7 @@ export default function PropertyCard(props: PopupProps) {
     setLiked(!liked);
   };
   const floorPlanOnClick = () => {
-    if (props.floorPlanUrl) {
-      setFloorPlan(true);
-    }
+    props.onFloorPlanClick();
   };
   const handleMessagPopUp = () => {
     // setMessagPopUp(true);
@@ -337,12 +336,12 @@ export default function PropertyCard(props: PopupProps) {
           </div>
         )}
       </div>
-      {floorPlan && (
+      {/* {floorPlan && (
         <FloorPlanPopup
           contentUrl={props.floorPlanUrl}
           onCloseClick={() => setFloorPlan(false)}
         />
-      )}
+      )} */}
       {/* {messagePopUp && (
         <MessagePopUp
           onCloseClick={() => setMessagPopUp(false)}