refactor popUpContext

space_flow/src/contexts/popUpContext.tsx

@@ -1,32 +1,33 @@
 import { createContext } from "react";
-import React, { useState } from 'react';
+import React, { useState } from "react";
 
+//context to set JSX element on the DOM
 export const PopUpContext = createContext({
-    openPopUp: (popUpElement: JSX.Element) => {},
+  openPopUp: (popUpElement: JSX.Element) => {},
-    closePopUp: () => {}
+	closePopUp: () => {},
 });
 
 interface PopUpProviderProps {
-  children: React.ReactNode;
+	children: React.ReactNode;
 }
 
 const PopUpProvider = ({ children }: PopUpProviderProps) => {
-  const [popUpElement, setPopUpElement] = useState<JSX.Element | null>(null);
+	const [popUpElement, setPopUpElement] = useState<JSX.Element | null>(null);
 
-  const openPopUp = (element: JSX.Element) => {
+	const openPopUp = (element: JSX.Element) => {
-    setPopUpElement(element);
+		setPopUpElement(element);
-  };
+	};
 
-  const closePopUp = () => {
+	const closePopUp = () => {
-    setPopUpElement(null);
+		setPopUpElement(null);
-  };
+	};
 
-  return (
+	return (
-    <PopUpContext.Provider value={{ openPopUp, closePopUp }}>
+		<PopUpContext.Provider value={{ openPopUp, closePopUp }}>
-      {children}
+			{children}
-      {popUpElement}
+			{popUpElement}
-    </PopUpContext.Provider>
+		</PopUpContext.Provider>
-  );
+	);
 };
 
 export default PopUpProvider;