nestiq-component-library 1.1.66 → 1.1.67

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.
@@ -13,59 +13,54 @@ export default function SuccessPopUp(props: PopupProps) {
13
13
  props.onClick();
14
14
  };
15
15
 
16
- const handleSendMessage = () => {
17
- setShowSuccessPopUp(false);
18
- };
16
+
19
17
 
20
18
  return (
21
- <div>
22
- {showSuccessPopUp && (
23
- <div className="popup-overlay">
24
- <div className="shareSection-Success d-flex flex-column col-7 ">
25
- <img
26
- src={x}
27
- alt="close"
28
- className="closeIcon d-flex flex-column align-self-end ms-5 "
29
- onClick={handleClose}
30
- />
31
- <div className=" d-flex flex-column align-self-center ms-5 ">
32
- <img src={icon_checkmark} alt="facebook" className=" mb-4" />
33
- </div>
34
- <div className="popUpHeader d-flex flex-column col- text-center text-wrap mb-5 align-self-center">
35
- <span > Herzlichen Glückwunsch! </span>
36
- <span > Deine Nachricht wurde erfolgreich gesendet. </span>
37
-
38
- </div>
39
-
40
- <div className="d-flex flex-column mt-4 mb-4">
41
- <span className="text-center ms-5 text-wrap">
42
- Neben vielen weiteren Einstellungen und Aktionen kannst du die Antwort auf deine Nachricht in deinem Control Center einsehen, sobald der Verkäufer darauf reagiert hat.
43
- </span>
44
- </div>
45
-
46
-
47
-
48
- <div className=" d-flex flex-row align-self-center ">
49
-
50
- <button
51
- className="d-flex button_success-left col-sm-5 border-0 rounded-4"
52
- type="button"
53
- id="button"
54
- onClick={handleSendMessage}
55
- >
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>
56
35
 
57
- <strong> Zum Control Center</strong>
58
- </button>
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>
59
43
 
60
- <button
61
- className="button_success-right col-sm-3 border-1 ms-3 rounded-4"
62
- type="button"
63
- id="button" >
64
- <strong>Abbrechen</strong>
65
- </button>
66
- </div>
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>
67
53
 
68
- </div>
69
- </div>)}</div>
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>
62
+ </div>
63
+ </div>
64
+ </div>
70
65
  );
71
66
  }