@bytebrand/fe-ui-core 4.2.187 → 4.2.188

package/package.json

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

package/source/components/VehicleDetailedSlider/VehicleDetailedSlider.tsx

@@ -37,7 +37,6 @@ interface IProps {
   showModal?: (id: string, props?: any) => void;
   hideModal: (id: string) => void;
   onCarFavorite: (event: MouseEvent<HTMLElement>) => void;
-  showDownPayment:boolean;
 }
 
 interface IState {
@@ -240,7 +239,6 @@ class VehicleDetailedSlider extends Component<IProps, IState> {
       showNewLabel,
       make,
       model,
-      showDownPayment,
       subModel,
       powerKW,
       powerPS,
@@ -269,7 +267,6 @@ class VehicleDetailedSlider extends Component<IProps, IState> {
       t,
       financingConfig,
       showNewLabel,
-      showDownPayment,
       historyPriceDifference: price ? price.historyPriceDifference : 0,
       historyPriceDifferencePerCent: price ? price.historyPriceDifferencePerCent : 0,
       activeTab

package/source/components/VehicleDetailedSlider/partials/PriceData.tsx

@@ -12,14 +12,13 @@ interface IProps {
   historyPriceDifferencePerCent: number;
   financingConfig?:any;
   activeTab?:number;
-  showDownPayment:boolean;
 }
 
 const MIN_PERCENT = 5;
 const MIN_PRICE_DIFFERENCE = 500;
 const EUR = `\u20AC`;
 
-const PriceData: React.FunctionComponent<IProps> = ({ t, showDownPayment,showNewLabel, historyPriceDifference, historyPriceDifferencePerCent, financingConfig, activeTab }) => {
+const PriceData: React.FunctionComponent<IProps> = ({ t, showNewLabel, historyPriceDifference, historyPriceDifferencePerCent, financingConfig, activeTab }) => {
   const percentageOfFirstInstallment = activeTab === 0 ? financingConfig!.financing.percentageOfFirstInstallment : financingConfig!.leasing.percentageOfFirstInstallment;
   return (
     <div className={styles.topWrapper}>
@@ -30,7 +29,7 @@ const PriceData: React.FunctionComponent<IProps> = ({ t, showDownPayment,showNew
           {` ${EUR} ${t('slider.save')}`}
         </Badge>
       )}
-      {(!isNil(percentageOfFirstInstallment) && activeTab !== 2 && showDownPayment) &&
+      {(!isNil(percentageOfFirstInstallment) && activeTab !== 2) &&
         <Badge type='lightBlue' className={styles.percentageOfFirstInstallment}>{`${percentageOfFirstInstallment}${percentageOfFirstInstallment > 0 ? '%' : EUR} ${t('slider.firstInstallment')}`}</Badge>}
       {historyPriceDifferencePerCent >= MIN_PERCENT && (
         <Badge type='red' className={styles.priceDifferencePerCent}>

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}`;
+      from = !!chipFilterValue.from ? `${t('SearchPage:filters.from')} ${chipFilterValue.from}` : '';
+      to = !!chipFilterValue.to ? `${t('SearchPage:filters.to')} ${chipFilterValue.to}` : '';
+      const fromTo = (from && to) ? `${chipFilterValue.from} - ${chipFilterValue.to}` : `${from || to}`;
       filterValue = `${title} ${fromTo}`;
       break;