@bytebrand/fe-ui-core 4.2.181 → 4.2.183

package/package.json

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

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

@@ -428,15 +428,17 @@ class FiltersContainer extends React.Component<IFiltersContainerProps, {}> {
         <div className={styles.title}>
           <h3 className={styles.titleText}>{this.props.t('SearchPage:filterBy')}</h3>
         </div>
-        <div className={styles.vehicleId}>
-          <div className={styles.vehicleIdLabel}>auto.de-ID</div>
-          <MaterialField
-            value={VEHICLE_ID.value}
-            onChange={this.onVehicleIdChange}
-            size='custom'
-            placeholder={t('SearchPage:vehicleIdexample')}
-          />
-        </div>
+        {!isAlternative ? (
+          <div className={styles.vehicleId}>
+            <div className={styles.vehicleIdLabel}>auto.de-ID</div>
+            <MaterialField
+              value={VEHICLE_ID.value}
+              onChange={this.onVehicleIdChange}
+              size='custom'
+              placeholder={t('SearchPage:vehicleIdexample')}
+            />
+          </div>
+        ) : ''}
         {this.renderFilters()}
         <Link className={styles.linkToDetailed} to={`/${isAlternative ? 'alternative' : 'search'}/detailed${locationSearch}`}>{t('SearchPage:detailedSearch')}</Link>
       </div>

package/source/framework/utils/CommonUtils.ts

@@ -463,7 +463,9 @@ export function getChipFilterValue(
     case 'SEATS':
     case 'CUBIC_CAPACITY':
       title = t(`SearchPage:filters.${chipFilterKey.toLocaleLowerCase()}`);
-      const fromTo = `${chipFilterValue.from} - ${chipFilterValue.to}`;
+      const from = !!chipFilterValue.from ? `${t('SearchPage:filters.from')} ${chipFilterValue.from}` : '';
+      const to = !!chipFilterValue.to ? `${t('SearchPage:filters.to')} ${chipFilterValue.to}` : '';
+      const fromTo = (from && to) ? `${chipFilterValue.from} - ${chipFilterValue.to}` : `${from || to}`;
       filterValue = `${title} ${fromTo}`;
       break;