We code better now

components/contexts/ModalFunctions.tsx

@@ -0,0 +1,17 @@
+import { createContext, useContext } from "react";
+import type { PropsWithChildren } from "react";
+import type { Project, Diary } from "../../lib/content/types";
+
+interface ModalFunctions {
+    setVisible?: CallableFunction;
+    setContent?: (content: Project| Diary) => void;
+    setHtml?: (html: string) => void;
+}
+
+const modalFunctions: ModalFunctions = {};
+const ModalContext = createContext(modalFunctions);
+const updateCallbacks = (callbacks: ModalFunctions) => Object.assign(modalFunctions, callbacks);
+const useModalFunctions = () => ({modalFunctions: useContext(ModalContext), updateCallbacks});
+const ModalFunctionProvider = (props: PropsWithChildren<{}>) => <ModalContext.Provider value={modalFunctions} {...props} />;
+
+export { ModalFunctionProvider, useModalFunctions };