From 5b5082df383bd8452750715adb54651ec8dbc014 Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Tue, 6 May 2025 13:11:57 +0300
Subject: [PATCH] feat: fix styles in filters

---
 src/pages/profile_tasks.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/pages/profile_tasks.tsx b/src/pages/profile_tasks.tsx
index ff076a6..cec3075 100644
--- a/src/pages/profile_tasks.tsx
+++ b/src/pages/profile_tasks.tsx
@@ -203,7 +203,6 @@ const ProfileTasks: FunctionComponent = () => {
     }
 
     filtered = filtered.filter((task) => (filterTags.overdue ? task.date < new Date() : task.date >= new Date()));
-    console.log(filtered);
     return filtered;
   }, [tasks, searchQuery, filterTags]);
 
@@ -671,17 +670,17 @@ const ProfileTasks: FunctionComponent = () => {
                         "flex items-center justify-center",
                         "border-2 w-6 h-6 text-gray-600 rounded-lg transition-colors duration-200",
                         {
-                          "border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900": !context.checked,
-                          "border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400": context.checked,
+                          "border-gray-300 bg-white": !context.checked,
+                          "border-blue-500 bg-blue-500": context.checked,
                         },
                         {
-                          "hover:border-blue-500 dark:hover:border-blue-400 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]":
+                          "hover:border-blue-500 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]":
                             !props.disabled,
                           "cursor-default opacity-60": props.disabled,
                         }
                       ),
                     }),
-                    icon: "w-4 h-4 transition-all duration-200 text-white text-base dark:text-gray-900",
+                    icon: "w-4 h-4 transition-all duration-200 text-white text-base",
                   }}
                 ></Checkbox>
                 <label htmlFor="overdue" class="cursor-pointer">
@@ -772,11 +771,11 @@ const ProfileTasks: FunctionComponent = () => {
                 )}
               </div>
 
-              {(filterTags.first || filterTags.second) && (
+              {(filterTags.first || filterTags.second || filterTags.overdue) && (
                 <button
                   class="mt-2 w-full rounded-lg bg-red-100 px-4 py-2 text-red-600 hover:bg-red-200"
                   onClick={() => {
-                    setFilterTags({ first: "", second: "" });
+                    setFilterTags({ first: "", second: "", overdue: false });
                     setOpenFirstList(false);
                     setOpenSecondList(false);
                   }}