@bytebrand/fe-ui-core 4.2.87 → 4.2.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.2.87",
+  "version": "4.2.88",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.styl

@@ -42,4 +42,9 @@
     font-size: 11px !important
 
 .outlinedBtn
-  border: none !important
+  border: none !important
+
+.outlinedBtnLeft
+  display: block !important;
+  min-width: auto !important;
+  margin-top: 10px !important;

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx

@@ -11,21 +11,34 @@ interface IPreviewCookieModal {
 }
 
 const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
+  const environment = window.location.origin;
   const onAcceptAll = () => {
     localStorage.setItem('cookieConfig', JSON.stringify({}));
     updateCookieList();
     toggleModal();
   };
 
+  const onHandleRedirect = () => {
+    window.open(`${environment}/impressum/`, '_blank');
+  };
+
   return (
     <div className={styles.modalWrapper}>
       <IconSVG name='autodeLogo' customDimensions />
       <div className={styles.modalTitle}>Nach den Cookies geht die Fahrt weiter.</div>
-      <div className={styles.modalContent}>Für ein bestmögliches Nutzererlebnis setzen wir Cookies und andere Technologien ein. Diese können Sie hier verwalten.</div>
+      <div className={styles.modalContent}>
+        Wenn Sie auf "Zustimmen" klicken, ermöglichen Sie uns über Cookies das Nutzerverhalten 
+        für alle User zu optimieren und Ihnen individuelle Empfehlungen auch auf Drittseiten anzuzeigen. 
+        Durch die Zustimmung erteilen Sie uns Ihre ausdrückliche Einwilligung. 
+        Über "Anpassen" können Sie Ihre Einwilligungen individuell anpassen. 
+        Dies ist auch später jederzeit im Bereich "Cookie-Richtlinie" möglich. 
+        Die relevante Datenschutzerklärung finden Sie <a href={`${environment}/datenschutz/`} target='_blank' style={{ color: '#005ccb'}}>hier</a>.
+      </div>
       <div className={styles.buttonsContainer}>
-        <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={classNames(styles.modalBtn, styles.outlinedBtn)} variant='outlined'>Cookie-Einstellungen</Button>
+        <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={classNames(styles.modalBtn, styles.outlinedBtn)} variant='outlined'>Anpassen</Button>
         <Button onClick={onAcceptAll} className={styles.modalBtn}>zustimmen</Button>
       </div>
+      <Button onClick={onHandleRedirect} className={classNames(styles.modalBtn, styles.outlinedBtn, styles.outlinedBtnLeft)} variant='outlined'>Impressum</Button>
     </div>
   );
 };

package/source/components/containers/SearchPage/FiltersContainer/FiltersContainer.tsx

@@ -387,7 +387,7 @@ class FiltersContainer extends React.Component<IFiltersContainerProps, {}> {
       error: isErrorAlternativeField,
       onChange: onAlternativeRedirect
     };
-    console.log('renderxxxxxxx', paramsFromQuery.autoDeId);
+
     return (
       <div className={styles.filters}>
         {isAlternative ? (