@bytebrand/fe-ui-core 4.2.79 → 4.2.80

package/package.json

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

package/source/components/SearchFilters/filters/Cost.tsx

@@ -19,7 +19,7 @@ interface ICostProps {
 }
 
 const Cost = ({ t, onChange, onChangeControls, RATE, PRICE }: ICostProps) => {
-  const [costType, setCostType] = useState('rate');
+  const [costType, setCostType] = useState(null);
   const [isRateWidgetOpened, setRateWidgetOpened] = useState(false);
 
   useEffect(

package/source/components/_common/VehicleSlider/VehicleSliderForSRL.tsx

@@ -33,6 +33,7 @@ const VehicleSliderForSRL: React.FC<IVehicleSliderForSRLProps> = ({
 }: IVehicleSliderForSRLProps) => {
   const [noImagesLoaded, setNoImagesLoaded] = React.useState<boolean>(false);
   const [activeSlide, setActiveSlide] = React.useState<number>(0);
+  const [entered, setEntered] = React.useState(false);
 
   const beforeChange = () => {
 
@@ -50,6 +51,13 @@ const VehicleSliderForSRL: React.FC<IVehicleSliderForSRLProps> = ({
     });
   };
 
+  const handleMouseEnter = () => {
+    if (!entered) {
+      setEntered(true);
+      beforeChange();
+    }
+  };
+
   const onHandleSlideChange = (index: number): void => {
     setActiveSlide(index);
     onSlideChange(index);
@@ -136,8 +144,8 @@ const VehicleSliderForSRL: React.FC<IVehicleSliderForSRLProps> = ({
     };
 
     return (
-      <div className={styles.wrapper} onMouseEnter={beforeChange}>
-        <Slider {...settings}>{renderSliderImages()}</Slider>
+      <div className={styles.wrapper} onMouseEnter={handleMouseEnter}>
+        <Slider {...settings} >{renderSliderImages()}</Slider>
       </div>
     );
   };