@bytebrand/fe-ui-core 4.1.136 → 4.1.137

package/package.json

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

package/source/components/Alternative/DealerInfo.tsx

@@ -25,10 +25,31 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
     onCurrentSalesPriceChange(Math.max(currentSalesPrice, newPrice));
   };
 
+  const handlePriceUpdating = () => {
+    if (isPriceUpdating) {
+      handleSubmit();
+    } else {
+      setPriceUpdating(true);
+      setTimeout(
+        () => {
+          inputRef.current.focus();
+        },
+        200
+      );
+    }
+  };
+
   const onPriceChange = (e: any) => {
     const newPrice = +e.target.value;
     setNewPrice(Math.max(0, newPrice));
   };
+
+  const onEnterSubmit = (e: any) => {
+    if (e.key === 'Enter') {
+      handleSubmit();
+    }
+  };
+
   const ourMargin = newPrice - dealerPrice;
 
   return (
@@ -99,44 +120,48 @@ const DealerInfo = ({ infoSections, t, dealerPrice, link, linkName, currentSales
           <span>
             {t('vehicleProps:alternative.ourPrice')}
           </span>
-          {isPriceUpdating
-            ? <div className={styles.ourPriceBlock}>
-                <input
-                  className={styles.ourPriceInput}
-                  type='number'
-                  value={newPrice}
-                  onChange={e => onPriceChange(e)}
-                  ref={inputRef}
-                  onBlur={handleSubmit}
+          <div className={styles.editFieldWrapper}>
+            {isPriceUpdating
+              ? <div className={styles.ourPriceBlock}>
+                  <input
+                    className={styles.ourPriceInput}
+                    type='number'
+                    value={newPrice}
+                    onChange={e => onPriceChange(e)}
+                    ref={inputRef}
+                    onBlur={handleSubmit}
+                    onKeyPress={onEnterSubmit}
+                  />
+              </div>
+              : <span onClick={
+                  () => {
+                    setPriceUpdating(true);
+                    setTimeout(
+                      () => {
+                        inputRef.current.focus();
+                      },
+                      200
+                    );
+                  }}
+                >
+                <VehicleFormattedPrice
+                  className={classnames(styles.price, styles.ourPrice)}
+                  numbersAfterDot={0}
+                  price={newPrice}
+                  unit='€'
+                  isNew={true}
+                  numberContainerClassName={styles.numberContainer}
+                  unitWrapperClassName={styles.unitWrapper}
+                  unitClassName={styles.unit}
+                  monthlyClassName={styles.monthly}
                 />
-                <span className={styles.editIconBlock} onClick={handleSubmit}>
-                  <IconSVG className={styles.editIcon} customDimensions name='editIcon'></IconSVG>
-                </span>
-            </div>
-            : <span onClick={
-                () => {
-                  setPriceUpdating(true);
-                  setTimeout(
-                    () => {
-                      inputRef.current.focus();
-                    },
-                    200
-                  );
-                }}
-              >
-              <VehicleFormattedPrice
-                className={classnames(styles.price, styles.ourPrice)}
-                numbersAfterDot={0}
-                price={newPrice}
-                unit='€'
-                isNew={true}
-                numberContainerClassName={styles.numberContainer}
-                unitWrapperClassName={styles.unitWrapper}
-                unitClassName={styles.unit}
-                monthlyClassName={styles.monthly}
-              />
-            </span>}
-          </span>
+              </span>
+            }
+            <span className={styles.editIconBlock} onClick={handlePriceUpdating}>
+              <IconSVG className={styles.editIcon} customDimensions name='editPriceIcon'></IconSVG>
+            </span>
+          </div>
+        </span>
       </div>
     </div>
   );

package/source/components/VehicleSmallCard/VehicleSmallCard.tsx

@@ -376,7 +376,6 @@ export default memo(VehicleSmallCard, (props, nextProps) => { // shouldComponent
       leasing: { monthlyInstallment: lMonthlyInstallment }
     },
     isCarInFavorite,
-    statsData,
     compareProps,
     children
   } = props;
@@ -387,7 +386,6 @@ 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/withStats/withStats.styl

@@ -77,11 +77,8 @@ $indent = 10px
 
 .statsStarIcon
   margin-right: 5px
-  margin-bottom: 3px
-  width: 20px
-  height: 20px
-  fill: rgb(100,100,100)
-  transform:scale(0.8)
+  width: 1.2em
+  height: 1.3em
 
 .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='star' customDimensions className={favoritesIconClassName} />
+            <IconSVG name='starNew' customDimensions className={favoritesIconClassName} />
             <span>
               {totalFavCount}
             </span>