feat: drawers registry

src/app/deals/drawers/ProjectsEditorDrawer/components/CreateProjectButton.tsx

@@ -1,9 +1,10 @@
+import { FC } from "react";
 import { IconPlus } from "@tabler/icons-react";
 import { Box, Group, Text } from "@mantine/core";
 import { modals } from "@mantine/modals";
 import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
 
-const CreateProjectButton = () => {
+const CreateProjectButton: FC = () => {
     const { onCreateProject } = useProjectsContext();
 
     const onStartCreating = () => {

src/app/deals/drawers/ProjectsEditorDrawer/components/ProjectMobile.tsx

@@ -8,11 +8,16 @@ import styles from "./../ProjectsEditorDrawer.module.css";
 
 type Props = {
     project: ProjectSchema;
+    setSelectedProjectId: (projectId: number | null) => void;
+    closeDrawer: () => void;
 };
 
-const ProjectMobile: FC<Props> = ({ project }) => {
-    const { onUpdateProject, setSelectedProjectId, setIsEditorDrawerOpened } =
-        useProjectsContext();
+const ProjectMobile: FC<Props> = ({
+    project,
+    setSelectedProjectId,
+    closeDrawer,
+}) => {
+    const { onUpdateProject } = useProjectsContext();
 
     const startEditing = () => {
         modals.openContextModal({
@@ -28,7 +33,7 @@ const ProjectMobile: FC<Props> = ({ project }) => {
 
     const onClick = () => {
         setSelectedProjectId(project.id);
-        setIsEditorDrawerOpened(false);
+        closeDrawer();
     };
 
     return (