@bytebrand/fe-ui-core 4.1.44 → 4.1.45

package/package.json

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

package/source/components/PriceRating/PriceRating.styl

@@ -30,7 +30,7 @@
     content: '';
     height: inherit;
     position: absolute;
-    top: -1px;
+    top: 0;
     left: 0;
     border-radius: 4px 0px 0px 4px;
     width: 12px;

package/source/components/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.styl

@@ -81,8 +81,7 @@
 .btnCompareRemove
   min-width: 50px !important;
   height: 30px;
-  background-color: #fff !important;
-  display: flex !important;
+  border: 1px solid #BA1A1A !important;
 
 .btnCarToCompare
   display: flex;

package/source/components/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.tsx

@@ -236,8 +236,8 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
         {ListPrices}
         {vehicleComponentName === 'favorite' && (
           <div className={styles.wrapHandleCompare}>
-            <Button variant='outlined' onClick={onRemoveClick} className={styles.btnCompareRemove} color='error'>
-              <IconSVG className={styles.removeIcon} name='trashRed' customDimensions />
+            <Button variant='text' onClick={onRemoveClick} className={styles.btnCompareRemove} color='secondary'>
+              <IconSVG className={styles.removeIcon} name='trashIcon' customDimensions />
             </Button>
             <Button className={styles.btnCarToCompare} variant='outlined' onClick={toggleCarToCompare}>
               <span className={styles.btnPlusIcon}>{!toCompare ? '+' : '-'}</span>

package/source/components/_common/TimePicker/TimePicker.tsx

@@ -3,8 +3,6 @@ import MaterialSelect from '../MaterialSelect/MaterialSelect';
 import styles from './TimePicker.styl';
 
 interface ITimePickerProps {
-  onHandleTimeChange: (value: number) => void;
-  onHandleDayChange: (value: number) => void;
   onHandleTimestampChange: (value: string) => void;
   className: string;
   lang: string;
@@ -15,18 +13,22 @@ interface ITimePickerProps {
 }
 
 const TimePicker = ({
-  onHandleTimeChange,
-  onHandleDayChange,
   onHandleTimestampChange,
   className,
   lang,
-  time,
-  day,
   t,
   size = 'custom'
  }: ITimePickerProps) => {
   const date = new Date();
   const [currentDay, setCurrentDay] = useState(date.getDay());
+  const [day, setDay] = useState(0);
+  const [time, setTime] = useState(0);
+  const onHandleDayChange = (value: number) => {
+    setDay(value);
+  };
+  const onHandleTimeChange = (value: number) => {
+    setTime(value)
+  }
   const format = {
     hour: 'numeric',
     minute: 'numeric'
@@ -37,10 +39,11 @@ const TimePicker = ({
   const setNewDay = new Date(`${date.toDateString()} ${endOfTheDayTime}`) > date ? 0 : 86400000;
   const interval = 30 * 60 * 1000;
   const roundedTime = new Date(Math.ceil(date / interval) * interval);
-  const nextWeekDays = [...Array(7).keys()].map(days => (
+  const nextWeekDays = [...Array(7).keys()].map((days, index) => (
   {
-    value: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' }),
-    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' })
+    value: index,
+    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' }),
+    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' })
   }
   ));
   const nextWeekDaysFull = [...Array(7).keys()].map(days => new Date(Date.now() + setNewDay + 86400000 * days));