nestiq-component-library 1.1.53 → 1.1.54

package/src/components/MessagePopup/MessagePopUp.tsx

@@ -4,19 +4,27 @@ import mail_icon from "../../assets/Images/mail-icon.png";
 import SuccessPopUp from "../MessagePopup/SuccessPopup";
 import ErrorPopUp from "../MessagePopup/ErrorPopup";
 import "../MessagePopup/MessagePopUp.css";
-// import { showToast } from "nestiq-component-library";
+import showToast from "../ToastWrapper/ToastWrapper";
 
 interface PopupProps {
   firstname: string;
   lastname: string;
   handleSendMessage: any;
   onClick: any;
-  themesList:any;
+  themesList: any;
+  requestObj: {
+    fromUser: string;
+    property: string;
+    text: string;
+    firstName: string;
+    lastName: string;
+    theme: string;
+    subject: string;
+  };
 }
 
-export default function MessagePopUp(props:PopupProps) {
-
-  const [showMessagePopUp, setshowMessagePopUp]= useState();
+export default function MessagePopUp(props: PopupProps) {
+  const [showMessagePopUp, setshowMessagePopUp] = useState();
   const [showSuccessPopUp, setShowSuccessPopUp] = useState(false);
   const [showErrorPopUp, setShowErrorPopUp] = useState(false);
   const [themeId, setThemeId] = useState("");
@@ -24,22 +32,40 @@ export default function MessagePopUp(props:PopupProps) {
   const [messageText, setMessageText] = useState("");
   const [firstName, setFirstName] = useState("");
   const [lastName, setLastName] = useState("");
+  const [id, setId] = useState("");
 
   const handleClose = () => {
     props.onClick();
   };
   const handleSendMessage = () => {
-    props.handleSendMessage();
-  }
-    useEffect(() => {
-      const user = JSON.parse(localStorage.getItem("user") || "{}");
-      if (user) {
-        setFirstName(user.firstname || "");
-        setLastName(user.lastname || "");
-      } else if (!user) {
-        console.log("no user");
-      }
-    }, []);
+    if (!messageText || !subject || !firstName || !lastName || !themeId) {
+      // toast.warning("Please fill in all fields.");
+      showToast("Please fill in all fields.", "warning");
+      return;
+    }
+
+    const user = JSON.parse(localStorage.getItem("user" ) || "{}");
+    const userId = user.id;
+
+    const requestObj = {
+      fromUser: `/users/${userId}`,
+      property: `/properties/${id}`,
+      text: messageText,
+      firstName,
+      lastName,
+      theme: `/themes/${themeId}`,
+      subject: subject,
+    };
+  };
+  useEffect(() => {
+    const user = JSON.parse(localStorage.getItem("user") || "{}");
+    if (user) {
+      setFirstName(user.firstname || "");
+      setLastName(user.lastname || "");
+    } else if (!user) {
+      console.log("no user");
+    }
+  }, []);
   return (
     <div>
       <div className="popup-overlay">

package/src/components/NewPropertyCard/NewPropertyCard.tsx

@@ -47,6 +47,15 @@ interface PopupProps {
   firstname: any;
   lastname: any;
   themesList: any;
+  requestObj: {
+    fromUser: string;
+    property: string;
+    text: string;
+    firstName: string;
+    lastName: string;
+    theme: string;
+    subject: string;
+  };
 }
 export default function PropertyCard(props: PopupProps) {
   const [liked, setLiked] = useState(false);
@@ -285,6 +294,7 @@ export default function PropertyCard(props: PopupProps) {
           firstname={props.firstname}
           lastname={props.lastname}
           themesList={props.themesList}
+          requestObj={props.requestObj}
         />
       )}
       {sharePopUp && <SharePopup onClick={() => setSharePopUp(false)} />}