refactor typesContext

space_flow/src/contexts/typesContext.tsx

@@ -1,37 +1,44 @@
-import { ReactEventHandler, createContext, useState } from "react";
+import { createContext, useState } from "react";
 import { ReactFlowInstance } from "reactflow";
 
-type typesContextType=
+//context to share types adn functions from nodes to flow
-{
+type typesContextType = {
 	reactFlowInstance: ReactFlowInstance;
 	setReactFlowInstance: any;
-    deleteNode:(idx:number)=>void;
+	deleteNode: (idx: number) => void;
 	types: {};
-    setTypes:(newState:{})=>void;
+	setTypes: (newState: {}) => void;
+};
 
-}
+const initialValue = {
-
-const initialValue= {
 	reactFlowInstance: null,
-    setReactFlowInstance: ()=>{},
+	setReactFlowInstance: () => {},
-    deleteNode: ()=>{},
+	deleteNode: () => {},
 	types: {},
-    setTypes:()=>{},
+	setTypes: () => {},
-}
+};
 
 export const typesContext = createContext<typesContextType>(initialValue);
 
-export function TypesProvider({children}){
+export function TypesProvider({ children }) {
 	const [types, setTypes] = useState({});
 	const [reactFlowInstance, setReactFlowInstance] = useState(null);
-    function deleteNode(idx){
+	function deleteNode(idx) {
 		reactFlowInstance.setNodes(
 			reactFlowInstance.getNodes().filter((n) => n.id !== idx)
 		);
 	}
 	return (
-        <typesContext.Provider value={{ types, setTypes, reactFlowInstance, setReactFlowInstance, deleteNode}}>
+		<typesContext.Provider
+			value={{
+				types,
+				setTypes,
+				reactFlowInstance,
+				setReactFlowInstance,
+				deleteNode,
+			}}
+		>
 			{children}
 		</typesContext.Provider>
-    )
+	);
 }