refactor(Calendar): remove past items styling

Stremio · Nov 28, 2024 · 7b87715 · 7b87715
1 parent 83c5c5a
commit 7b87715
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 28 deletions.
diff --git a/src/routes/Calendar/List/Item/Item.less b/src/routes/Calendar/List/Item/Item.less
@@ -88,12 +88,6 @@
         }
     }
 
-    &.past {
-        .body {
-            opacity: 0.5;
-        }
-    }
-
     &.active {
         border-color: var(--primary-foreground-color);
     }

diff --git a/src/routes/Calendar/List/Item/Item.tsx b/src/routes/Calendar/List/Item/Item.tsx
@@ -20,13 +20,10 @@ const Item = ({ selected, monthInfo, date, items, profile, onClick }: Props) =>
     const ref = useRef<HTMLDivElement>(null);
     const { toDayMonth } = useCalendarDate(profile);
 
-    const [active, today, past] = useMemo(() => {
-        const active = date.day === selected?.day;
-        const today = date.day === monthInfo.today;
-        const past = date.day < (monthInfo.today ?? 1);
-
-        return [active, today, past];
-    }, [selected, monthInfo, date]);
+    const [active, today] = useMemo(() => [
+        date.day === selected?.day,
+        date.day === monthInfo.today,
+    ], [selected, monthInfo, date]);
 
     const onItemClick = () => {
         onClick && onClick(date);
@@ -42,7 +39,7 @@ const Item = ({ selected, monthInfo, date, items, profile, onClick }: Props) =>
     return (
         <div
             ref={ref}
-            className={classNames(styles['item'], { [styles['active']]: active, [styles['today']]: today, [styles['past']]: past })}
+            className={classNames(styles['item'], { [styles['active']]: active, [styles['today']]: today })}
             key={date.day}
             onClick={onItemClick}
         >

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
@@ -124,12 +124,6 @@
         }
     }
 
-    &.past {
-        .items {
-            opacity: 0.5;
-        }
-    }
-
     &.active {
         border-color: var(--primary-foreground-color);
     }

diff --git a/src/routes/Calendar/Table/Cell/Cell.tsx b/src/routes/Calendar/Table/Cell/Cell.tsx
@@ -15,21 +15,18 @@ type Props = {
 };
 
 const Cell = ({ selected, monthInfo, date, items, onClick }: Props) => {
-    const [active, today, past] = useMemo(() => {
-        const active = date.day === selected?.day;
-        const today = date.day === monthInfo.today;
-        const past = date.day < (monthInfo.today ?? 1);
-
-        return [active, today, past];
-    }, [selected, monthInfo, date]);
+    const [active, today] = useMemo(() => [
+        date.day === selected?.day,
+        date.day === monthInfo.today,
+    ], [selected, monthInfo, date]);
 
     const onCellClick = () => {
         onClick && onClick(date);
     };
 
     return (
         <Button
-            className={classNames(styles['cell'], { [styles['active']]: active, [styles['today']]: today, [styles['past']]: past })}
+            className={classNames(styles['cell'], { [styles['active']]: active, [styles['today']]: today })}
             onClick={onCellClick}
         >
             <div className={styles['heading']}>