@bytebrand/fe-ui-core 4.2.177 → 4.2.179

package/package.json

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

package/source/components/UserDashboardPage/sections/OrderStatusSection/OrderStatusCar.tsx

@@ -55,6 +55,11 @@ const OrderStatusCar = ({
     { icon: 'handingOverDashboard', selector: 'selector_status_handing_over' }
   ];
 
+  const steps = cardItems.map((step) => {
+    const { selector } = step;
+    return selector;
+  })
+
   useEffect(
     () => {
       cardItems.map((step, index) => {
@@ -63,13 +68,12 @@ const OrderStatusCar = ({
           setActiveStep(index + 1);
         }
       });
-      // if (!!ref && !!ref.current) { TODO: fix scroll for active element for mobile
-      //   ref.current.scrollBy({
-      //     top: 0,
-      //     left: 156 * activeStep,
-      //     behavior: 'smooth'
-      //   });
-      // }
+      if (!!ref && !!ref.current) {
+        ref.current.scrollTo({
+          behavior: 'smooth',
+          left: 156 * steps.indexOf(status)
+        })
+      }
     },
     []
   );
@@ -100,7 +104,7 @@ const OrderStatusCar = ({
             </div>
           </div>
         </div>
-        <div className={styles.cardsSection}>
+        <div className={styles.cardsSection} ref={ref}>
           {cardItems.map((card, index) => {
             const { icon, selector } = card;
 

package/source/components/containers/SearchPage/FiltersContainer/FiltersContainer.tsx

@@ -390,8 +390,8 @@ class FiltersContainer extends React.Component<IFiltersContainerProps, {}> {
 
   onVehicleIdChange = (value: string) => {
     const { filters, changeFilterValue, search } = this.props;
-    const upperCaseValue = value.toLocaleUpperCase();
-    if (value.length === 6 || !value) {
+    const upperCaseValue = value.toLocaleUpperCase().trim();
+    if (upperCaseValue.length === 6 || !value) {
       this.onFilterChange('VEHICLE_ID', upperCaseValue);
       changeFilterValue('VEHICLE_ID', upperCaseValue);
       search(filters, 1, true);
@@ -434,7 +434,7 @@ class FiltersContainer extends React.Component<IFiltersContainerProps, {}> {
             value={VEHICLE_ID.value}
             onChange={this.onVehicleIdChange}
             size='custom'
-            placeholder='z.B: FCEE67'
+            placeholder={t('SearchPage:vehicleIdexample')}
           />
         </div>
         {this.renderFilters()}