@bytebrand/fe-ui-core 4.1.134 → 4.1.136

package/package.json

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

package/source/components/VehicleSmallCard/VehicleSmallCard.tsx

@@ -376,6 +376,7 @@ export default memo(VehicleSmallCard, (props, nextProps) => { // shouldComponent
       leasing: { monthlyInstallment: lMonthlyInstallment }
     },
     isCarInFavorite,
+    statsData,
     compareProps,
     children
   } = props;
@@ -386,6 +387,7 @@ export default memo(VehicleSmallCard, (props, nextProps) => { // shouldComponent
     && withFinalInstallment   === nextProps.price.financing.withFinalInstallment
     && lMonthlyInstallment    === nextProps.price.leasing.monthlyInstallment
     && isCarInFavorite        === nextProps.isCarInFavorite
+    && statsData              === nextProps.statsData
     && _get(compareProps, 'toCompare') === _get(compareProps, 'nextProps.toCompare')
     && children               === nextProps.children;
 });

package/source/components/_common/IconSVG/IconSVGConfig.tsx

@@ -100,6 +100,7 @@ import NewFlagEn from './SVG/common/NewFlagEn';
 import NewFlagDe from './SVG/common/NewFlagDe';
 import AutodeLogo from './SVG/common/AutodeLogo';
 import CheckGreen from './SVG/common/CheckGreen';
+import EditPriceIcon from './SVG/common/EditPriceIcon';
 
 // vehicle
 import EmergencyBrakeAssistant from './SVG/vehicle/EmergencyBrakeAssistant';
@@ -648,6 +649,7 @@ const components: IComponentsProp = {
   eyeCatch: EyeCatch,
   copyIcon: CopyIcon,
   doneIcon: DoneIcon,
+  editPriceIcon: EditPriceIcon,
 
   // settings
   accountIcon: AccountIcon,
@@ -702,7 +704,7 @@ const components: IComponentsProp = {
   deliveryDashboard: DeliveryDashboard,
   handingOverDashboard: HandingOverDashboard,
   pickupDashboard: PickupDashboard,
-  dashboardQuestionMark:DashboardQuestionMark
+  dashboardQuestionMark: DashboardQuestionMark
 };
 
 export default components;

package/source/components/_common/IconSVG/SVG/common/EditPriceIcon.tsx

@@ -0,0 +1,20 @@
+/* tslint:disable */
+import * as React from 'react';
+
+const EditPriceIcons = (
+  props: any
+) => (
+  <svg
+    width="17"
+    height="17"
+    viewBox="0 0 17 17"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    { ...props }
+  >
+    <path d="M1.5 16.146C1.08333 16.146 0.729333 16 0.438 15.708C0.146 15.4167 0 15.0627 0 14.646V3.646C0 3.22933 0.146 2.875 0.438 2.583C0.729333 2.29167 1.08333 2.146 1.5 2.146H8.021L6.521 3.646H1.5V14.646H12.5V9.667L14 8.146V14.646C14 15.0627 13.854 15.4167 13.562 15.708C13.2707 16 12.9167 16.146 12.5 16.146H1.5ZM10.625 2.333L11.708 3.417L6.5 8.583V9.646H7.562L12.75 4.479L13.792 5.542L8.188 11.146H5V7.979L10.625 2.333ZM13.792 5.542L10.625 2.333L12.396 0.562C12.6873 0.270667 13.038 0.125 13.448 0.125C13.8573 0.125 14.208 0.270667 14.5 0.562L15.583 1.646C15.875 1.93733 16.021 2.288 16.021 2.698C16.021 3.10733 15.875 3.458 15.583 3.75L13.792 5.542Z" fill="#005CCB"/>
+  </svg>
+);
+
+export default EditPriceIcons;
+/* tslint:enable */

package/source/components/_common/withStats/withStats.styl

@@ -77,8 +77,11 @@ $indent = 10px
 
 .statsStarIcon
   margin-right: 5px
-  width: 1.2em
-  height: 1.3em
+  margin-bottom: 3px
+  width: 20px
+  height: 20px
+  fill: rgb(100,100,100)
+  transform:scale(0.8)
 
 .accented
   color: $primary

package/source/components/_common/withStats/withStats.tsx

@@ -130,7 +130,7 @@ export default function withStats(WrappedComponent: any) {
             </span>
           </div> : null}
           {!!totalFavCount ? <div className={favoritesClassName} onClick={onFavoriteClick}>
-            <IconSVG name='starNew' customDimensions className={favoritesIconClassName} />
+            <IconSVG name='star' customDimensions className={favoritesIconClassName} />
             <span>
               {totalFavCount}
             </span>