37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { useEffect, useMemo, useRef } from "react";
|
|
import { modals } from "@mantine/modals";
|
|
import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
|
|
|
|
const useCreateFirstProject = () => {
|
|
const hasOpened = useRef(false);
|
|
const { projects, projectsCrud, isLoading } = useProjectsContext();
|
|
const shouldOpen = useMemo(
|
|
() => !isLoading && projects.length === 0,
|
|
[isLoading, projects]
|
|
);
|
|
|
|
useEffect(() => {
|
|
if (!shouldOpen || hasOpened.current) return;
|
|
|
|
hasOpened.current = true;
|
|
|
|
modals.openContextModal({
|
|
modal: "createFirstProjectModal",
|
|
withCloseButton: false,
|
|
closeOnClickOutside: false,
|
|
closeOnEscape: false,
|
|
overlayProps: {
|
|
color: "black",
|
|
blur: 6,
|
|
backgroundOpacity: 0.45,
|
|
},
|
|
innerProps: {
|
|
onSubmit: values =>
|
|
projectsCrud.onCreate(values, modals.closeAll),
|
|
},
|
|
});
|
|
}, [shouldOpen]);
|
|
};
|
|
|
|
export default useCreateFirstProject;
|