fix: projects editor to selected project editor, moved attributes editor

src/contexts/ProjectsContext.tsx

@@ -0,0 +1,68 @@
+import React, { createContext, FC, useContext, useEffect, useState } from "react";
+import { ProjectSchema } from "../client";
+import useProjects from "../hooks/useProjects.tsx";
+
+type ProjectsContextState = {
+    selectedProject: ProjectSchema | null;
+    setSelectedProject: React.Dispatch<React.SetStateAction<ProjectSchema | null>>;
+    refetchProjects: () => void;
+    projects: ProjectSchema[];
+};
+
+const ProjectsContext = createContext<ProjectsContextState | undefined>(
+    undefined,
+);
+
+const useProjectsContextState = () => {
+    const { projects, refetchProjects } = useProjects();
+    const [selectedProject, setSelectedProject] = useState<ProjectSchema | null>(null);
+
+    const refetch = () => {
+        refetchProjects();
+    };
+
+    useEffect(() => {
+        if (projects.length > 0) {
+            if (selectedProject) {
+                setSelectedProject(
+                    projects.find(project => project.id === selectedProject.id) ?? null,
+                );
+            } else {
+                setSelectedProject(projects[0]);
+            }
+        } else {
+            setSelectedProject(null);
+        }
+    }, [projects]);
+
+    return {
+        projects,
+        refetchProjects: refetch,
+        selectedProject,
+        setSelectedProject,
+    };
+};
+
+type ProjectsContextProviderProps = {
+    children: React.ReactNode;
+};
+
+export const ProjectsContextProvider: FC<ProjectsContextProviderProps> = ({ children }) => {
+    const state = useProjectsContextState();
+
+    return (
+        <ProjectsContext.Provider value={state}>
+            {children}
+        </ProjectsContext.Provider>
+    );
+};
+
+export const useProjectsContext = () => {
+    const context = useContext(ProjectsContext);
+    if (!context) {
+        throw new Error(
+            "useProjectsContext must be used within a ProjectsContextProvider",
+        );
+    }
+    return context;
+};