@bytebrand/fe-ui-core 4.1.44 → 4.1.46

package/package.json

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

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx

@@ -4,6 +4,10 @@ import Button from '../../../Button/Button';
 import styles from './PreviewCookieModal.styl';
 
 const PreviewCookieModal = ({ toggleModal, modalCookieChange, setModal }) => {
+  const onAcceptAll = () => {
+    localStorage.set('cookieConfig', {});
+    toggleModal();
+  }
   return (
     <div className={styles.modalWrapper}>
       <IconSVG name='autodeLogo' customDimensions />
@@ -11,7 +15,7 @@ const PreviewCookieModal = ({ toggleModal, modalCookieChange, setModal }) => {
       <div className={styles.modalContent}>Für ein bestmögliches Nutzererlebnis setzen wir Cookies und andere Technologien ein. Diese können Sie hier verwalten.</div>
       <div className={styles.buttonsContainer}>
         <Button onClick={() => setModal('MANAGE_COOKIE_MODAL')} className={styles.modalBtn} variant='outlined'>Cookie-Einstellungen</Button>
-        <Button onClick={toggleModal} className={styles.modalBtn}>zustimmen</Button>
+        <Button onClick={onAcceptAll} className={styles.modalBtn}>zustimmen</Button>
       </div>
     </div>
   );

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));