@bytebrand/fe-ui-core 4.1.45 → 4.1.47

package/package.json

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

package/source/components/PriceRating/PriceRating.styl

@@ -30,7 +30,7 @@
     content: '';
     height: inherit;
     position: absolute;
-    top: 0;
+    top: -1px;
     left: 0;
     border-radius: 4px 0px 0px 4px;
     width: 12px;

package/source/components/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.styl

@@ -81,7 +81,8 @@
 .btnCompareRemove
   min-width: 50px !important;
   height: 30px;
-  border: 1px solid #BA1A1A !important;
+  background-color: #fff !important;
+  display: flex !important;
 
 .btnCarToCompare
   display: flex;

package/source/components/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.tsx

@@ -236,8 +236,8 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
         {ListPrices}
         {vehicleComponentName === 'favorite' && (
           <div className={styles.wrapHandleCompare}>
-            <Button variant='text' onClick={onRemoveClick} className={styles.btnCompareRemove} color='secondary'>
-              <IconSVG className={styles.removeIcon} name='trashIcon' customDimensions />
+            <Button variant='outlined' onClick={onRemoveClick} className={styles.btnCompareRemove} color='error'>
+              <IconSVG className={styles.removeIcon} name='trashRed' customDimensions />
             </Button>
             <Button className={styles.btnCarToCompare} variant='outlined' onClick={toggleCarToCompare}>
               <span className={styles.btnPlusIcon}>{!toCompare ? '+' : '-'}</span>

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

@@ -4,6 +4,10 @@ import Button from '../../../Button/Button';
 import styles from './PreviewCookieModal.styl';
 
 const PreviewCookieModal = ({ toggleModal, modalCookieChange, setModal }) => {
+  const onAcceptAll = () => {
+    localStorage.setItem('cookieConfig', JSON.stringify([]));
+    toggleModal();
+  }
   return (
     <div className={styles.modalWrapper}>
       <IconSVG name='autodeLogo' customDimensions />
@@ -11,7 +15,7 @@ const PreviewCookieModal = ({ toggleModal, modalCookieChange, setModal }) => {
       <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.buttonsContainer}>
         <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={styles.modalBtn} variant='outlined'>Cookie-Einstellungen</Button>
-        <Button onClick={toggleModal} className={styles.modalBtn}>zustimmen</Button>
+        <Button onClick={onAcceptAll} className={styles.modalBtn}>zustimmen</Button>
       </div>
     </div>
   );