@bytebrand/fe-ui-core 4.8.28 → 4.8.30

package/__tests__/components/_common/MaterialDatePicker/MaterialDatePicker.test.tsx

@@ -47,7 +47,7 @@ describe('MaterialDatePicker', () => {
     fireEvent.click(okButton);
     fireEvent.focusOut(input);
 
-    expect(handleChange).toHaveBeenCalledTimes(4);
+    expect(handleChange).toHaveBeenCalledTimes(3);
     expect(handleOpen).toHaveBeenCalledTimes(1);
     expect(handleBlur).toHaveBeenCalledTimes(1);
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.8.28",
+  "version": "4.8.30",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",
@@ -104,6 +104,7 @@
     "@types/react": "^16.8.3"
   },
   "scripts": {
+    "prepare": "husky",
     "storybook": "start-storybook -p 6006",
     "clean": "rm -rf ./dist/*.*",
     "build:lib": "yarn clean && webpack --config ./webpack.config.js --progress",

package/source/components/VehicleDetailedSidebar/VehicleDetailedSidebar.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, FunctionComponent } from 'react';
+import React, { useState, useEffect, useRef, FunctionComponent } from 'react';
 import _get from 'lodash/get';
 import { Hidden } from 'react-grid-system';
 import PriceContent from './partials/PriceContent';
@@ -104,19 +104,31 @@ const VehicleDetailedSidebar: FunctionComponent<IVehicleDetailedSidebarProps> =
     }
   ];
 
+  const initialDefaultAppliedForPath = useRef<string | null>(null);
+
   useEffect(() => {
     const getlocalStorageActiveTabCDP = localStorage.getItem('activeTabCDP');
-    if (!getlocalStorageActiveTabCDP) return;
-    const activeTab = tabsTitles.findIndex(({ title }: { title: string }) => {
-      return title === getlocalStorageActiveTabCDP;
-    });
-    if (activeTab === -1) {
-      setActiveTab(null, 0);
-    } else {
-      setActiveTab(null, activeTab);
+    if (getlocalStorageActiveTabCDP) {
+      const activeTab = tabsTitles.findIndex(({ title }: { title: string }) => {
+        return title === getlocalStorageActiveTabCDP;
+      });
+      if (activeTab === -1) {
+        setActiveTab(null, 0);
+      } else {
+        setActiveTab(null, activeTab);
+      }
+      localStorage.removeItem('activeTabCDP');
+      initialDefaultAppliedForPath.current = pathname;
+      return;
+    }
+    if (
+      initialDefaultAppliedForPath.current !== pathname
+      && _get(price, 'leasing.isActive', false)
+    ) {
+      setActiveTab(null, 1);
+      initialDefaultAppliedForPath.current = pathname;
     }
-    localStorage.removeItem('activeTabCDP');
-  }, [pathname, activeTab]); // tslint:disable-line:align
+  }, [pathname, activeTab, price]); // tslint:disable-line:align
 
   const priceProps = {
     tabsTitles,

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

@@ -48,7 +48,7 @@ const VehicleTitle: React.FC<IVehicleTitleProps> = ({
     event.preventDefault();
     event.stopPropagation();
     event.nativeEvent.stopImmediatePropagation();
-    onFavoriteClick(event, id);
+    if (onFavoriteClick) onFavoriteClick(event, id);
   };
 
   const renderFavoriteIcon = (): React.ReactNode => {