nestiq-component-library 1.1.69 → 1.1.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,60 +7,58 @@ interface PopupProps {
7
7
  onClick: any;
8
8
  }
9
9
  export default function SuccessPopUp(props: PopupProps) {
10
- const [showSuccessPopUp, setShowSuccessPopUp] = useState(true);
10
+ const [showSuccessPopUp, setShowSuccessPopUp] = useState(true);
11
11
 
12
- const handleClose = () => {
13
- props.onClick();
14
- };
12
+ const handleClose = () => {
13
+ props.onClick();
14
+ };
15
15
 
16
-
17
-
18
- return (
19
- <div>
20
- <div className="popup-overlay">
21
- <div className="shareSection-Success d-flex flex-column col-7 ">
22
- <img
23
- src={x}
24
- alt="close"
25
- className="closeIcon d-flex flex-column align-self-end ms-5 "
26
- onClick={handleClose}
27
- />
28
- <div className=" d-flex flex-column align-self-center ms-5 ">
29
- <img src={icon_checkmark} alt="facebook" className=" mb-4" />
30
- </div>
31
- <div className="popUpHeader d-flex flex-column col- text-center text-wrap mb-5 align-self-center">
32
- <span> Herzlichen Glückwunsch! </span>
33
- <span> Deine Nachricht wurde erfolgreich gesendet. </span>
34
- </div>
16
+ return (
17
+ <div>
18
+ <div className="popup-overlay">
19
+ <div className="shareSection-Success d-flex flex-column col-7 ">
20
+ <img
21
+ src={x}
22
+ alt="close"
23
+ className="closeIcon d-flex flex-column align-self-end ms-5 "
24
+ onClick={handleClose}
25
+ />
26
+ <div className=" d-flex flex-column align-self-center ms-5 ">
27
+ <img src={icon_checkmark} alt="facebook" className=" mb-4" />
28
+ </div>
29
+ <div className="popUpHeader d-flex flex-column col- text-center text-wrap mb-5 align-self-center">
30
+ <span> Herzlichen Glückwunsch! </span>
31
+ <span> Deine Nachricht wurde erfolgreich gesendet. </span>
32
+ </div>
35
33
 
36
- <div className="d-flex flex-column mt-4 mb-4">
37
- <span className="text-center ms-5 text-wrap">
38
- Neben vielen weiteren Einstellungen und Aktionen kannst du die
39
- Antwort auf deine Nachricht in deinem Control Center einsehen,
40
- sobald der Verkäufer darauf reagiert hat.
41
- </span>
42
- </div>
34
+ <div className="d-flex flex-column mt-4 mb-4">
35
+ <span className="text-center ms-5 text-wrap">
36
+ Neben vielen weiteren Einstellungen und Aktionen kannst du die
37
+ Antwort auf deine Nachricht in deinem Control Center einsehen,
38
+ sobald der Verkäufer darauf reagiert hat.
39
+ </span>
40
+ </div>
43
41
 
44
- <div className=" d-flex flex-row align-self-center ">
45
- <button
46
- className="d-flex button_success-left col-sm-5 border-0 rounded-4"
47
- type="button"
48
- id="button"
49
- onClick={handleClose}
50
- >
51
- <strong> Zum Control Center</strong>
52
- </button>
42
+ <div className=" d-flex flex-row align-self-center ">
43
+ <button
44
+ className="d-flex button_success-left col-sm-5 border-0 rounded-4"
45
+ type="button"
46
+ id="button"
47
+ onClick={handleClose}
48
+ >
49
+ <strong> Zum Control Center</strong>
50
+ </button>
53
51
 
54
- <button
55
- className="button_success-right col-sm-3 border-1 ms-3 rounded-4"
56
- type="button"
57
- id="button"
58
- >
59
- <strong>Abbrechen</strong>
60
- </button>
61
- </div>
52
+ <button
53
+ className="button_success-right col-sm-3 border-1 ms-3 rounded-4"
54
+ type="button"
55
+ id="button"
56
+ >
57
+ <strong>Abbrechen</strong>
58
+ </button>
62
59
  </div>
63
60
  </div>
64
61
  </div>
65
- );
62
+ </div>
63
+ );
66
64
  }
@@ -98,7 +98,6 @@
98
98
  .propertyTitle {
99
99
  display: flex;
100
100
  flex-grow: 0;
101
- font-family: Inter;
102
101
  font-size: 24px;
103
102
  font-weight: 580;
104
103
  font-stretch: normal;
@@ -108,7 +108,7 @@ export default function PropertyCard(props: PopupProps) {
108
108
 
109
109
  return (
110
110
  <div className="d-flex flex-row ">
111
- <div className="d-flex flex-column col-12">
111
+ <div className="d-flex flex-column col-md-6 col-lg-12">
112
112
  <div
113
113
  key={props.property.id}
114
114
  className="card-bod mb-4 position-relative cardStyles w-100"
@@ -156,7 +156,7 @@ export default function PropertyCard(props: PopupProps) {
156
156
  </div>
157
157
  </div>
158
158
  </div>
159
- <div className="d-flex flex-column listing-compacts col-12">
159
+ <div className="d-flex flex-column listing-compacts col-md-6 col-lg-12">
160
160
  <div className="d-flex align-self-end justify-content-end gap-2">
161
161
  <img
162
162
  src={shareIcon}
package/src/index.tsx CHANGED
@@ -11,7 +11,7 @@ export { default as SharePopup } from "./components/SharePopup/SharePopup";
11
11
  export { default as FloorPlanPopup } from "./components/FloorPlanPopup/FloorPlanPopup";
12
12
  export { default as NewPropertyCard } from "./components/NewPropertyCard/NewPropertyCard";
13
13
  export { default as MessagePopUp } from "./components/MessagePopup/MessagePopUp";
14
- export { default as SuccessPopup } from "./components/MessagePopup/SuccessPopup";
14
+ export { default as SuccessPopUp } from "./components/MessagePopup/SuccessPopup";
15
15
  export { default as ErrorPopup } from "./components//ErrorPopup/ErrorPopup";
16
16
  // TOASTER WRAPPER AND FUNCTION
17
17
  export {