feat: drawers registry
This commit is contained in:
@ -0,0 +1,77 @@
|
||||
"use client";
|
||||
|
||||
import React, { createContext, FC, useContext } from "react";
|
||||
import useBoardsList from "@/hooks/useBoardsList";
|
||||
import { useBoardsOperations } from "@/hooks/useBoardsOperations";
|
||||
import { BoardSchema, ProjectSchema, UpdateBoardSchema } from "@/lib/client";
|
||||
|
||||
type ProjectBoardsContextState = {
|
||||
boards: BoardSchema[];
|
||||
setBoards: React.Dispatch<React.SetStateAction<BoardSchema[]>>;
|
||||
project: ProjectSchema;
|
||||
refetchBoards: () => void;
|
||||
onCreateBoard: (name: string) => void;
|
||||
onUpdateBoard: (boardId: number, board: UpdateBoardSchema) => void;
|
||||
onDeleteBoard: (board: BoardSchema) => void;
|
||||
};
|
||||
|
||||
const ProjectBoardsContext = createContext<
|
||||
ProjectBoardsContextState | undefined
|
||||
>(undefined);
|
||||
|
||||
type Props = {
|
||||
project: ProjectSchema;
|
||||
};
|
||||
|
||||
const useProjectBoardsContextState = ({ project }: Props) => {
|
||||
const {
|
||||
boards,
|
||||
setBoards,
|
||||
refetch: refetchBoards,
|
||||
} = useBoardsList({ projectId: project?.id });
|
||||
|
||||
const { onCreateBoard, onUpdateBoard, onDeleteBoard } = useBoardsOperations(
|
||||
{
|
||||
boards,
|
||||
setBoards,
|
||||
refetchBoards,
|
||||
projectId: project?.id,
|
||||
}
|
||||
);
|
||||
|
||||
return {
|
||||
boards,
|
||||
setBoards,
|
||||
project,
|
||||
refetchBoards,
|
||||
onCreateBoard,
|
||||
onUpdateBoard,
|
||||
onDeleteBoard,
|
||||
};
|
||||
};
|
||||
|
||||
type ProjectBoardsContextProviderProps = {
|
||||
children: React.ReactNode;
|
||||
} & Props;
|
||||
|
||||
export const ProjectBoardsContextProvider: FC<
|
||||
ProjectBoardsContextProviderProps
|
||||
> = ({ children, ...props }) => {
|
||||
const state = useProjectBoardsContextState(props);
|
||||
|
||||
return (
|
||||
<ProjectBoardsContext.Provider value={state}>
|
||||
{children}
|
||||
</ProjectBoardsContext.Provider>
|
||||
);
|
||||
};
|
||||
|
||||
export const useProjectBoardsContext = () => {
|
||||
const context = useContext(ProjectBoardsContext);
|
||||
if (!context) {
|
||||
throw new Error(
|
||||
"useProjectBoardsContext must be used within a ProjectBoardsContextProvider"
|
||||
);
|
||||
}
|
||||
return context;
|
||||
};
|
||||
Reference in New Issue
Block a user