@bytebrand/fe-ui-core 4.2.87 → 4.2.89

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.styl +3 -2
  3. package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.styl +8 -5
  4. package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx +12 -2
  5. package/source/components/containers/SearchPage/FiltersContainer/FiltersContainer.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.2.87",
3
+ "version": "4.2.89",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.styl CHANGED
@@ -44,18 +44,19 @@
44
44
  margin-top: 20px
45
45
  display: flex
46
46
  justify-content: center
47
- column-gap: 20px
47
+ gap: 36px;
48
48
  +media-phone-only()
49
49
  column-gap: 0
50
50
 
51
51
  .modalBtn
52
52
  height: 38px
53
53
  text-transform: capitalize !important
54
+ min-width: 222px !important
54
55
  +media-phone-only()
55
56
  font-size: 11px !important
56
57
 
57
58
  .outlinedBtn
58
- border: none !important
59
+ border: none !important;
59
60
 
60
61
  .switchBlock
61
62
  display: flex
package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.styl CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '../../../../../theme/mixins.styl';
2
2
 
3
3
  .modalWrapper
4
- padding: 26px 60px 56px
4
+ padding: 26px 60px 38px
5
5
  text-align: center
6
6
  box-sizing: border-box
7
7
  max-width: 600px
@@ -30,16 +30,19 @@
30
30
  .buttonsContainer
31
31
  margin-top: 20px
32
32
  display: flex
33
- justify-content: center
34
- column-gap: 20px
33
+ justify-content: space-between
34
+ gap: 36px;
35
35
  +media-phone-only()
36
36
  column-gap: 0
37
37
 
38
38
  .modalBtn
39
39
  height: 38px
40
40
  text-transform: capitalize !important
41
+ min-width: calc(50% - 18px) !important
41
42
  +media-phone-only()
42
43
  font-size: 11px !important
43
44
 
44
- .outlinedBtn
45
- border: none !important
45
+ .outlinedBtnLeft
46
+ float: right;
47
+ color: #005CCB;
48
+ font-size: 16px;
package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx CHANGED
@@ -11,6 +11,7 @@ interface IPreviewCookieModal {
11
11
  }
12
12
 
13
13
  const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
14
+ const environment = window.location.origin;
14
15
  const onAcceptAll = () => {
15
16
  localStorage.setItem('cookieConfig', JSON.stringify({}));
16
17
  updateCookieList();
@@ -21,9 +22,18 @@ const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
21
22
  <div className={styles.modalWrapper}>
22
23
  <IconSVG name='autodeLogo' customDimensions />
23
24
  <div className={styles.modalTitle}>Nach den Cookies geht die Fahrt weiter.</div>
24
- <div className={styles.modalContent}>Für ein bestmögliches Nutzererlebnis setzen wir Cookies und andere Technologien ein. Diese können Sie hier verwalten.</div>
25
+ <div className={styles.modalContent}>
26
+ Wenn Sie auf "Zustimmen" klicken, ermöglichen Sie uns über Cookies das Nutzerverhalten
27
+ für alle User zu optimieren und Ihnen individuelle Empfehlungen auch auf Drittseiten anzuzeigen.
28
+ Durch die Zustimmung erteilen Sie uns Ihre ausdrückliche Einwilligung.
29
+ Über "Anpassen" können Sie Ihre Einwilligungen individuell anpassen.
30
+ Dies ist auch später jederzeit im Bereich "Cookie-Richtlinie" möglich.
31
+ Die relevante Datenschutzerklärung finden Sie&nbsp;
32
+ <a href={`${environment}/datenschutz/`} target='_blank' style={{ textDecoration: 'underline'}}>hier</a>.
33
+ <a href={`${environment}/impressum/`} target='_blank' className={styles.outlinedBtnLeft}>Impressum</a>
34
+ </div>
25
35
  <div className={styles.buttonsContainer}>
26
- <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={classNames(styles.modalBtn, styles.outlinedBtn)} variant='outlined'>Cookie-Einstellungen</Button>
36
+ <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={styles.modalBtn} variant='outlined'>Anpassen</Button>
27
37
  <Button onClick={onAcceptAll} className={styles.modalBtn}>zustimmen</Button>
28
38
  </div>
29
39
  </div>
package/source/components/containers/SearchPage/FiltersContainer/FiltersContainer.tsx CHANGED
@@ -387,7 +387,7 @@ class FiltersContainer extends React.Component<IFiltersContainerProps, {}> {
387
387
  error: isErrorAlternativeField,
388
388
  onChange: onAlternativeRedirect
389
389
  };
390
- console.log('renderxxxxxxx', paramsFromQuery.autoDeId);
390
+
391
391
  return (
392
392
  <div className={styles.filters}>
393
393
  {isAlternative ? (