@bytebrand/fe-ui-core 4.2.38 → 4.2.40

package/package.json

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

package/source/components/_common/MaterialField/MaterialField.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { TextField, IconButton } from '@mui/material';
 import { ThemeProvider } from '@mui/material/styles';
 import { Theme } from './MaterialField.styled';
@@ -45,6 +45,10 @@ const MaterialField: React.FC<IVehicleModalProps> = ({
   const [showPassword, setShowPassword] = React.useState(false);
   const [enteredValue, setEnteredValue] = useState(value);
 
+  useEffect(() => {
+    setEnteredValue(value);
+  }, [value])
+
   const onHandleChange = (event?: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
     const value = event.currentTarget.value;
     const name = event.currentTarget.name;

package/source/framework/vehiclesProps/decoratedProps.tsx

@@ -751,9 +751,14 @@ const getDecoratedProps = (
         ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
         : t('vehicleProps:value.na');
 
+        const hybridPlugin = car.engineData.hybridPlugin;
+
         return Number.isFinite(consumptionCombined) && Number.isFinite(consumptionPowerCombined)
           ? <React.Fragment>
-            {consumptionPowerCombined ? consumptionPowerCombinedContent : ''} {consumptionPowerCombined ? <br /> : ''}{consumptionCombinedContent} <br /> {co2Value}
+            {consumptionPowerCombined && hybridPlugin ? consumptionPowerCombinedContent : ''}
+            {consumptionPowerCombined && hybridPlugin ? <br /> : ''}
+            {consumptionCombinedContent} <br />
+            {co2Value}
           </React.Fragment>
           : t('vehicleProps:value.na');
       }