nestiq-component-library 1.1.33 → 1.1.35

package/src/components/PropertyDetailsHeader/PropertyDetailsHeader.tsx

@@ -21,16 +21,14 @@ export default function PropertyDetailsHeader(props: PopupProps) {
   const [showPopUp, setShowPopUp] = useState(false);
   const area = props.property?.propertyArea;
   
-  const handlePopUp = () => {
-    setShowPopUp(!showPopUp);
-  };
+    const handleOpenPopup = () => setShowPopUp(true);
+
+    const handleClosePopup = () => setShowPopUp(false);
 
    return (
      <div className="Pheader compact d-flex flex-column flex-md-row d-flex col-12 col-lg-12 mt-5 ">
        <div className="header_Text d-flex col-5 col-lg-7 col-md-9 mt-4 ms-4 ">
-         <strong>
-           {props.title ?? "-"}
-         </strong>
+         <strong>{props.title ?? "-"}</strong>
        </div>
        <div className="compact3 position-absolute header_Text text-truncate col-5 col-lg-5 col-md-5 d-flex flex-row ms-4">
          <img src={locationIcon} className="vector me-2" alt="location Icon" />
@@ -44,7 +42,7 @@ export default function PropertyDetailsHeader(props: PopupProps) {
            src={ShareIcon}
            alt="share icon"
            className="v_share me-3"
-           onClick={handlePopUp}
+           onClick={handleOpenPopup}
          />
        </div>
        <div className="compact2 gap-3 gap-md-0 fetch_section d-flex align-items-center flex-column flex-md-row col-lg-5 col-md-6 col-sm-5 justify-content-end position-absolute end-0">
@@ -60,7 +58,7 @@ export default function PropertyDetailsHeader(props: PopupProps) {
          {props && (
            <div className="propText col-lg-3 col-md-3 d-flex h-100 align-items-md-center justify-content-center flex-column">
              <span className="propText2">
-               {formatPropertyArea(props.property.constructedArea) ?? 0} 
+               {formatPropertyArea(props.property.constructedArea) ?? 0}
              </span>
              <span>Wohnfläche</span>
              {/* <FormattedMessage id="LIVING_SPACE" /> */}
@@ -68,9 +66,7 @@ export default function PropertyDetailsHeader(props: PopupProps) {
          )}
          {props && (
            <div className="propText col-lg-3 col-md-3 d-flex h-100 align-items-center justify-content-center flex-column">
-             <span className="propText2">
-               {props.property.rooms} 
-             </span>
+             <span className="propText2">{props.property.rooms}</span>
              <span>Zimmer</span>
              {/* <FormattedMessage id="ROOMS" /> */}
            </div>
@@ -85,7 +81,7 @@ export default function PropertyDetailsHeader(props: PopupProps) {
            </div>
          )}
        </div>
-       {showPopUp && <SharePopup />}
+       {showPopUp && <SharePopup onClick={() => handleClosePopup()} />  }
      </div>
    );
 }

package/src/components/SharePopup/SharePopup.tsx

@@ -10,7 +10,7 @@ import { toast } from "react-toastify";
 import "../../styles/common.css";
 
 interface PopupProps {
-  onClick:String | any;
+  onClick: String | any;
 }
 export default function SharePopup(props: PopupProps) {
   const [showPopUp, setShowPopUp] = useState(true);
@@ -18,6 +18,7 @@ export default function SharePopup(props: PopupProps) {
   const handleClose = () => {
     props.onClick();
   };
+  
   const urlInputRef = useRef<HTMLInputElement | null>(null);
 
   const copyToClipboard = () => {