search filters in modal, todo mobile

2025-04-29 19:13:25 +05:00
parent 9a7e52b95f
commit 5b09ff703b
9 changed files with 348 additions and 246 deletions
@@ -15,6 +15,8 @@ function ProjectSelect({
 }) {
  const [selectedProject, setSelectedProject] = useState(defaultProject);

+  useEffect(() => setSelectedProject(defaultProject), [defaultProject]);
+
  useEffect(() => onSelect(selectedProject), [selectedProject]);

  return (
@@ -36,7 +38,14 @@ function ProjectSelect({
              alt={project.title}
              className="object-cover 2xl:w-[2.778vw] w-10 aspect-square rounded-full"
            />
-            <p className="2xl:mr-[1.111vw] mr-6">{project.title}</p>
+            <p
+              className={clsx(
+                "2xl:mr-[1.111vw] mr-6",
+                selectedProject.title !== project.title && "text-[#0D1922]/70"
+              )}
+            >
+              {project.title}
+            </p>
          </div>
        ))}
      </div>