nestiq-component-library 1.1.167 → 1.1.169

package/src/components/NewPropertyCard/NewPropertyCard.tsx

@@ -40,6 +40,7 @@ interface PopupProps {
     selectedFloorPlan?: string;
     pictures: { contentUrl: string; pictureType: { id: number } }[];
   };
+  userData?: { firstname: string; lastname: string; company: string };
   Impliment: any;
   baseUrl: string;
   themesList: any;
@@ -299,31 +300,40 @@ export default function PropertyCard(props: PopupProps) {
             )}
           </div>
         </div> */}
-        {props.Impliment && (
-          <div className="d-lex flex-column ">
-            <div className="wrapperCompanySec d-flex justify-content-around flex-row">
-              <div className="d-flex flex-column col-4 justify-content-between ">
-                <img src={immooly} alt="Logo" className="immooly" />
-              </div>
-              <div className="d-flex flex-column align-items-center justify-content-center">
-                <div className="d-flex flex-column text-center">
-                  <span className="">Firstname Firstname</span>
-                  <span>Your company</span>
-                </div>
-                {/* <button
-                  className="kontactbutton_cc text-light "
-                  // onClick={handleMessagPopUp}
-                  role="button"
-                >
-                  <span className="kontact-button-text">
-                    Kontakt aufnehmen{" "}
-                  </span>
-                </button> */}
+        <div className="d-lex flex-column ">
+          <div className="wrapperCompanySec d-flex justify-content-around flex-row">
+            <div className="d-flex flex-column col-4 justify-content-between ">
+              <img src={immooly} alt="Logo" className="immooly" />
+            </div>
+            <div className="d-flex flex-column align-items-center justify-content-center">
+              <div className="d-flex flex-column text-center">
+                <span className="fw-bold">
+                  {props.userData
+                    ? `${props.userData.firstname} ${props.userData.lastname}`
+                    : "Firstname Lastname"}
+                </span>
+                <span className="fst-italic fw-normal">
+                  {props.userData?.company
+                    ? props.userData.company
+                    : "Your Company"}
+                </span>
               </div>
+              {/* {props.userData && (
+                  <button
+                    className="kontactbutton_cc text-light "
+                    // onClick={handleMessagPopUp}
+                    role="button"
+                  >
+                    <span className="kontact-button-text">
+                      Kontakt aufnehmen{" "}
+                    </span>
+                  </button>
+                )} */}
             </div>
           </div>
-        )}
-        {!props.Impliment && (
+        </div>
+
+        {/* {!props.Impliment && (
           <div
             className="d-lex flex-column "
             style={{
@@ -352,7 +362,7 @@ export default function PropertyCard(props: PopupProps) {
               </div>
             </div>
           </div>
-        )}
+        )} */}
       </div>
       {/* {floorPlan && (
         <FloorPlanPopup

package/src/components/SharePopup/SharePopup.css

@@ -14,7 +14,7 @@
   color: #1b1b1b;
 }
 
-.closeIcon {
+.closeIcon_c {
   width: 16px;
   height: 16px;
   cursor: pointer;
@@ -117,7 +117,7 @@
 }
 .shareSection-Error {
   height: 400px;
-  padding:10px;
+  padding: 10px;
   border-radius: 16px;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
   border: solid 1px #d7d9e3;
@@ -186,14 +186,14 @@
   border-color: #000;
   border-width: 2px;
 }
-.Line-9, .Line-10 {
+.Line-9,
+.Line-10 {
   height: 1px;
   flex-grow: 1;
   background-color: rgba(140, 140, 140, 0.5);
-  max-width:23rem;
+  max-width: 23rem;
   align-self: center;
   align-content: center;
- 
 }
 
 .middle-container {
@@ -205,7 +205,7 @@
 .middle-text {
   margin: 25px 25px;
 }
-.google-button{
+.google-button {
   width: 260px;
   height: 45px;
   flex-grow: 0;
@@ -217,22 +217,18 @@
   padding: 12px 24px;
   border-radius: 4px;
   background-color: #000000;
-  background: linear-gradient(to top, #000 , #666 );
-  
-  
-}
-.Account-popup{
-   
-    height: 713px;
-    padding: 10px;
-    border-radius: 16px;
-    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-    border: solid 1px #d7d9e3;
-    background-color: #fff;
-    max-width: 1000px;
-  
-}
-.lightertxt{
+  background: linear-gradient(to top, #000, #666);
+}
+.Account-popup {
+  height: 713px;
+  padding: 10px;
+  border-radius: 16px;
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
+  border: solid 1px #d7d9e3;
+  background-color: #fff;
+  max-width: 1000px;
+}
+.lightertxt {
   color: #797979;
 }
 
@@ -312,7 +308,7 @@
   padding: 0 24px;
   border-radius: 16px;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-  background-image: linear-gradient(to top, #000 , #666);
+  background-image: linear-gradient(to top, #000, #666);
   color: white;
 }
 .Tag {
@@ -326,7 +322,12 @@
   padding: 0 24px;
   border-radius: 16px;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
-background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(255,0,0,1));}
+  background-image: linear-gradient(
+    to top,
+    rgba(255, 0, 0, 0),
+    rgba(255, 0, 0, 1)
+  );
+}
 .TagW {
   height: 40px;
   flex-grow: 1;
@@ -339,10 +340,9 @@ background-image: linear-gradient(to top, rgba(255, 0, 0, 0), rgba(255,0,0,1));}
   border-radius: 16px;
   border: solid 1px #000;
   background-color: #fff;
-    color: #000;
-
+  color: #000;
 }
 /* */
-.response{
+.response {
   max-width: 1280px;
-}
+}

package/src/components/SharePopup/SharePopup.tsx

@@ -18,7 +18,7 @@ export default function SharePopup(props: PopupProps) {
   const handleClose = () => {
     props.onClick();
   };
-  
+
   const urlInputRef = useRef<HTMLInputElement | null>(null);
 
   const copyToClipboard = () => {
@@ -36,7 +36,7 @@ export default function SharePopup(props: PopupProps) {
               <img
                 src={x}
                 alt="close"
-                className="closeIcon me-2"
+                className="closeIcon_c me-2"
                 onClick={handleClose}
               />
             </div>