@bytebrand/fe-ui-core 4.2.193 → 4.2.194

package/package.json

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

package/source/components/VehicleDetailedSidebar/VehicleDetailedSidebar.tsx

@@ -1,7 +1,6 @@
 import React, { useState, useEffect, useRef, FunctionComponent } from 'react';
 import _get from 'lodash/get';
-import { Hidden } from 'react-grid-system';
-import { isMobileOnly } from 'react-device-detect';
+import { Hidden, Visible } from 'react-grid-system';
 import PriceContent from './partials/PriceContent';
 import Title from './partials/Title';
 import Price from './partials/Price';
@@ -149,13 +148,13 @@ const VehicleDetailedSidebar: FunctionComponent<IVehicleDetailedSidebarProps> =
         <Title {...titleProps} />
         <Price {...priceProps} />
         <Price {...priceProps} isSticky={true} />
-        {isMobileOnly && (
+        <Visible xs sm md>
           <div
             ref={ref}
             data-locale='de-DE'
             data-template-id='5419b6a8b0d04a076446a9ad'
             data-businessunit-id='46edfd1c0000640005017f22'
-            data-style-height='32px'
+            data-style-height='42px'
             data-style-width='100%'
             data-theme='light'
             data-style-alignment='center'
@@ -168,7 +167,7 @@ const VehicleDetailedSidebar: FunctionComponent<IVehicleDetailedSidebarProps> =
               Trustpilot
             </a>
           </div>
-        )}
+        </Visible>
         {props.children}
       </div>
       <div>

package/source/components/_common/Range/Range.tsx

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
 import FormattedNumber from '../../FormattedNumber/FormattedNumber';
 import { Slider } from '@mui/material';
 import { isMobileOnly } from 'react-device-detect';
-import { iOS } from '../../../framework/utils/CommonUtils';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
 
 interface IRangeProps {
@@ -41,7 +40,6 @@ const Range: React.FC<IRangeProps> = ({
   maxFinancingFirstInstallment
 }: IRangeProps) => {
   const [rangeValue, setRangeValue] = useState<number | number[]>(0);
-  const isIOS = iOS();
 
   useEffect(
     () => {
@@ -51,9 +49,6 @@ const Range: React.FC<IRangeProps> = ({
   )
 
   const onChangeRange = (event: Event, value: number | number[]) => {
-    if (isIOS && event.type === 'mousedown') {
-      return;
-    }
     setRangeValue(value);
     onChange(event, value)
   }