sergey/anti-hvost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: fix styles in filters

Browse Source
This commit is contained in:
Sergey Elpashev
2025-05-06 13:11:57 +03:00
parent a53687d0f8
commit df36c180af
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/profile_tasks.tsx
View File

@@ -203,7 +203,6 @@ const ProfileTasks: FunctionComponent = () => {
} }
filtered = filtered.filter((task) => (filterTags.overdue ? task.date < new Date() : task.date >= new Date())); filtered = filtered.filter((task) => (filterTags.overdue ? task.date < new Date() : task.date >= new Date()));
console.log(filtered);
return filtered; return filtered;
}, [tasks, searchQuery, filterTags]); }, [tasks, searchQuery, filterTags]);
@@ -671,17 +670,17 @@ const ProfileTasks: FunctionComponent = () => {
"flex items-center justify-center", "flex items-center justify-center",
"border-2 w-6 h-6 text-gray-600 rounded-lg transition-colors duration-200", "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-gray-300 bg-white": !context.checked,
"border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400": 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, !props.disabled,
"cursor-default opacity-60": 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> ></Checkbox>
<label htmlFor="overdue" class="cursor-pointer"> <label htmlFor="overdue" class="cursor-pointer">
@@ -772,11 +771,11 @@ const ProfileTasks: FunctionComponent = () => {
)} )}
</div> </div>
{(filterTags.first || filterTags.second) && ( {(filterTags.first || filterTags.second || filterTags.overdue) && (
<button <button
class="mt-2 w-full rounded-lg bg-red-100 px-4 py-2 text-red-600 hover:bg-red-200" class="mt-2 w-full rounded-lg bg-red-100 px-4 py-2 text-red-600 hover:bg-red-200"
onClick={() => { onClick={() => {
setFilterTags({ first: "", second: "" }); setFilterTags({ first: "", second: "", overdue: false });
setOpenFirstList(false); setOpenFirstList(false);
setOpenSecondList(false); setOpenSecondList(false);
}} }}