nestiq-component-library 1.1.53 → 1.1.55

package/src/components/MessagePopup/MessagePopUp.tsx

@@ -4,19 +4,19 @@ 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;
+  sendDataToParent: any;
 }
 
-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 +24,25 @@ export default function MessagePopUp(props:PopupProps) {
   const [messageText, setMessageText] = useState("");
   const [firstName, setFirstName] = useState("");
   const [lastName, setLastName] = useState("");
+  const [id, setId] = useState("");
+  const [data, setData] = 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");
-      }
-    }, []);
+  function handleSendMessage() {
+    props.sendDataToParent(data);
+  };
+  
+  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,7 @@ interface PopupProps {
   firstname: any;
   lastname: any;
   themesList: any;
+  handleDataFromChild: any;
 }
 export default function PropertyCard(props: PopupProps) {
   const [liked, setLiked] = useState(false);
@@ -56,6 +57,7 @@ export default function PropertyCard(props: PopupProps) {
   const [floorPlan, setFloorPlan] = useState(false);
   const [messagePopUp, setMessagPopUp] = useState(false);
   const [sharePopUp, setSharePopUp] = useState(false);
+  const [dataFromChild, setDataFromChild] = useState("");
 
   const pictureUrls =
     props.property?.pictures?.length > 0
@@ -86,7 +88,9 @@ export default function PropertyCard(props: PopupProps) {
   const messagePopupClose = () =>{
     setMessagPopUp(false);
   }
-  
+   function handleDataFromChild(data: any) {
+     setDataFromChild(data);
+   }
   const handleArrowClickInMainImage = (direction: string) => {
     if (!props.property || pictureUrls.length === 0) return;
 
@@ -285,6 +289,7 @@ export default function PropertyCard(props: PopupProps) {
           firstname={props.firstname}
           lastname={props.lastname}
           themesList={props.themesList}
+          sendDataToParent={handleDataFromChild}
         />
       )}
       {sharePopUp && <SharePopup onClick={() => setSharePopUp(false)} />}