@bytebrand/fe-ui-core 4.1.204 → 4.1.206

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.1.204",
+  "version": "4.1.206",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",
@@ -14,7 +14,7 @@
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
     "@bytebrand/car-schema-selectors": "^2.0.7",
-    "@bytebrand/fe-histoslider": "^2.0.19",
+    "@bytebrand/fe-histoslider": "^2.1.0",
     "@bytebrand/i18n-dictionaries": "^0.7.5",
     "@date-io/date-fns": "1.3.13",
     "@emotion/react": "^11.9.3",

package/source/components/SearchFilters/filters/Fuel.tsx

@@ -37,7 +37,7 @@ class Fuel extends React.Component<IFuelProps, {}> {
       value: option,
       label: (
         <span className={styles.wrapOptions}>
-          {!isNotDetailed?<IconSVG name={option} customDimensions />:null}
+          {!isNotDetailed ? <IconSVG name={option} customDimensions /> : null}
           <FilterLabel text={t(`cbd:${option}`)} agg={agg} />
         </span>
       )

package/source/components/_common/FilterLabel/FilterLabel.tsx

@@ -7,11 +7,16 @@ interface IFilterLabelProps {
   text: string;
   agg?: number;
   isVertical?: boolean;
+  isNotDetailed?:boolean;
 }
 
-const FilterLabel: React.FunctionComponent<IFilterLabelProps> = ({ text, agg, isVertical }) => (
-  <span className={classnames(styles.label, { [styles.labelVertical]: isVertical }) }>
-    <span className={styles.labelText}>{text}<span className={styles.labelAgg}>(<FormattedNumber numbersAfterDot={0} value={agg} />)</span></span>
+const FilterLabel: React.FunctionComponent<IFilterLabelProps> = ({ text, agg, isVertical, isNotDetailed }) => (
+  <span className={classnames(styles.label, { [styles.labelVertical]: isVertical })}>
+    {isNotDetailed ? <><span className={styles.labelText}>{text}<span className={styles.labelAgg}>(<FormattedNumber numbersAfterDot={0} value={agg} />)</span></span>
+    </>
+      : <><span className={styles.labelText}>{text}</span>
+        <span className={styles.labelAgg}>(<FormattedNumber numbersAfterDot={0} value={agg} />)</span>
+      </>}
   </span>
 );
 

package/source/components/_common/MaterialTooltip/MaterialTooltip.styled.tsx

@@ -5,4 +5,4 @@ export const IconSvgWrapper = styled(IconSVG)({
   fill: '#005ccb',
   width: '12px',
   height: '12px'
-});
+});

package/source/components/_common/MaterialTooltip/MaterialTooltip.tsx

@@ -18,8 +18,8 @@ const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
     backgroundColor: theme.palette.common.white,
     color: 'rgba(0, 0, 0, 0.87)',
     boxShadow: theme.shadows[1],
-    fontSize: 11,
-  },
+    fontSize: 11
+  }
 }));
 
 const MaterialTooltip = ({ text, icon = 'infoIcon', placement, className }: IMaterialTooltip) => {
@@ -32,4 +32,4 @@ const MaterialTooltip = ({ text, icon = 'infoIcon', placement, className }: IMat
   );
 };
 
-export default MaterialTooltip;
+export default MaterialTooltip;

package/source/components/_common/UserMenu/MaterialMenuItem.tsx

@@ -12,12 +12,13 @@ interface IListItem {
   divider?: boolean;
   onClick?: () => void;
   href?: string;
+  isComponent?: boolean;
   isSelect?: boolean;
   Link?: any;
   handleClose?: () => void;
 }
 
-const ListItem = ({ icon, label, amount, divider, onClick, href, Link, handleClose }: IListItem) => {
+const ListItem = ({ icon, label, amount, divider, onClick, href, isComponent, Link, handleClose }: IListItem) => {
   return !!href ? (
     <Link color='#4C4E64DE' variant='caption' to={href} underline='none' onClick={onClick}>
       <MenuItem
@@ -37,7 +38,7 @@ const ListItem = ({ icon, label, amount, divider, onClick, href, Link, handleClo
         handleClose();
       }}
       divider={divider}
-      disableRipple={true}
+      disableRipple={isComponent ? true : false}
     >
       {icon && <ListItemIcon><IconSVG customDimensions name={icon} /></ListItemIcon>}
       <ListItemText>

package/source/framework/factories/BreadcrumbsFactory.tsx

@@ -162,12 +162,12 @@ const BreadcrumbsFactory: IBreadcrumbsFactoryConfig = {
   MY_VEHICLES: (props: any) => ({
     list: [
       {
-        link: '/my-vehicles/overview',
-        title: props.t('common:breadcrumbs.MyVehicles')
+        link: '/account/dashboard',
+        title: props.t('common:breadcrumbs.DashboardNew')
       },
       {
         link: '',
-        title: props.t('common:breadcrumbs.Overview')
+        title: props.t('common:breadcrumbs.MyVehicles')
       }
     ]
   }),