fix: moved projects from redux to context

src/app/deals/components/Header/Header.tsx

@@ -1,39 +1,21 @@
 "use client";
 
-import { useEffect } from "react";
-import { useSelector } from "react-redux";
 import { Group } from "@mantine/core";
+import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
 import ProjectSelect from "@/components/selects/ProjectSelect/ProjectSelect";
-import {
-    selectProject,
-    setProjects,
-} from "@/lib/features/projects/projectsSlice";
-import { RootState, useAppDispatch } from "@/lib/store";
 
 const Header = () => {
-    const projectsState = useSelector(
-        (state: RootState) => state.projectsState
-    );
-    const dispatch = useAppDispatch();
-
-    useEffect(() => {
-        const mockProjects = [
-            { id: 1, name: "Проект 1" },
-            { id: 2, name: "Проект 2" },
-            { id: 3, name: "Проект 3" },
-        ];
-        dispatch(setProjects(mockProjects));
-        dispatch(selectProject(mockProjects[0]));
-    }, []);
+    const { projects, setSelectedProject, selectedProject } =
+        useProjectsContext();
 
     return (
         <Group
             justify={"flex-end"}
             w={"100%"}>
             <ProjectSelect
-                data={projectsState.projects}
-                value={projectsState.selectedProject}
-                onChange={value => value && dispatch(selectProject(value))}
+                data={projects}
+                value={selectedProject}
+                onChange={value => value && setSelectedProject(value)}
             />
         </Group>
     );