nestiq-component-library 1.1.171 → 1.1.172

package/src/components/Popup/Popup.tsx

@@ -1,29 +1,29 @@
-import React from "react";
-import closeIcon from "../../assets/images/icon_close_2.png";
-import "./Popup.css";
-import "../../styles/common.css";
-
-interface PopupProps {
-  children: React.ReactNode;
-  onCloseClick: () => void;
-}
-
-const Popup: React.FC<PopupProps> = ({ onCloseClick, children }) => {
-  return (
-    <div className="popup-overlay">
-      <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">
-        <div className="end-0 top-0 position-absolute ">
-          <img
-            src={closeIcon}
-            alt="close"
-            className="closeIcon me-2"
-            onClick={onCloseClick}
-          />
-        </div>
-        {children}
-      </div>
-    </div>
-  );
-};
-
-export default Popup;
+import React from "react";
+import closeIcon from "../../assets/images/icon_close_2.png";
+import "./Popup.css";
+import "../../styles/common.css";
+
+interface PopupProps {
+  children: React.ReactNode;
+  onCloseClick: () => void;
+}
+
+const Popup: React.FC<PopupProps> = ({ onCloseClick, children }) => {
+  return (
+    <div className="popup-overlay">
+      <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">
+        <div className="end-0 top-0 position-absolute ">
+          <img
+            src={closeIcon}
+            alt="close"
+            className="closeIcon me-2"
+            onClick={onCloseClick}
+          />
+        </div>
+        {children}
+      </div>
+    </div>
+  );
+};
+
+export default Popup;

package/src/components/PropertyImageList/PropertyImageList.tsx

@@ -57,6 +57,14 @@ export default function PropertyImageList(prop: PopupProps) {
     });
   };
 
+  const allPhotos =
+    prop.property.pictures
+      ?.filter((p) => p.pictureType?.id === 2)
+      .map((p, index) => ({
+        url: prop.baseUrl + p.contentUrl,
+        title: `Photo ${index + 1}`,
+      })) || [];
+
   const floorPlanImages =
     prop.property.pictures
       ?.filter((p) => p.pictureType?.id === 1)
@@ -229,7 +237,7 @@ export default function PropertyImageList(prop: PopupProps) {
       {/* Popup for all photos */}
       {isImagePopupOpen && (
         <ImageListPopup
-          pictureUrls={prop.allPictureUrls}
+          pictureUrls={allPhotos}
           onClose={() => setIsImagePopupOpen(false)}
         />
       )}

package/src/components/ToastWrapper/ToastWrapper.tsx

@@ -1,25 +1,25 @@
-import React from "react";
-import { ToastContainer, toast } from "react-toastify";
-
-// Utility function to show a toast
-export const showToast = (
-  message: string,
-  type: "info" | "success" | "warning" | "error" = "info",
-) => {
-  toast(message, { type });
-};
-
-const ToastWrapper: React.FC = () => (
-  <ToastContainer
-    position="top-right"
-    autoClose={5000}
-    hideProgressBar={false}
-    closeOnClick
-    rtl={false}
-    pauseOnFocusLoss
-    draggable
-    pauseOnHover
-  />
-);
-
-export default ToastWrapper;
+import React from "react";
+import { ToastContainer, toast } from "react-toastify";
+
+// Utility function to show a toast
+export const showToast = (
+  message: string,
+  type: "info" | "success" | "warning" | "error" = "info",
+) => {
+  toast(message, { type });
+};
+
+const ToastWrapper: React.FC = () => (
+  <ToastContainer
+    position="top-right"
+    autoClose={5000}
+    hideProgressBar={false}
+    closeOnClick
+    rtl={false}
+    pauseOnFocusLoss
+    draggable
+    pauseOnHover
+  />
+);
+
+export default ToastWrapper;

package/src/models/message.model.ts

@@ -1,7 +1,7 @@
-export interface MessageModel {
-  themeId: string;
-  subject: string;
-  messageText: string;
-  firstName: string;
-  lastName: string;
-}
+export interface MessageModel {
+  themeId: string;
+  subject: string;
+  messageText: string;
+  firstName: string;
+  lastName: string;
+}