69 lines
1.8 KiB
TypeScript
69 lines
1.8 KiB
TypeScript
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;
|
|
};
|