Commit 028b64de by G

cleanup, removed unused code from past logic where the context had method to trigger modals itself.

parent b4485121
import ErrorModal from "@components/modals/ErrorModal";
import LoadingModal from "@components/modals/LoadingModal";
import { createContext, useContext, useState } from "react"; import { createContext, useContext, useState } from "react";
import { View } from "react-native"; import { View } from "react-native";
export interface ImodalsManagerContext { export interface ImodalsManagerContext {
showLoadingModal(): void;
closeLoadingModal(): void;
showErrorModal(): void;
closeErrorModal(): void;
showModal(element: React.ReactElement): void; showModal(element: React.ReactElement): void;
closeModal(): void; closeModal(): void;
} }
export const ModalsManagerContext = createContext<ImodalsManagerContext>({ export const ModalsManagerContext = createContext<ImodalsManagerContext>({
showLoadingModal: () => {},
closeLoadingModal: () => {},
showErrorModal: () => {},
closeErrorModal: () => {},
showModal: () => {}, showModal: () => {},
closeModal: () => {}, closeModal: () => {},
}); });
export const ModalsManagerProvider = ({ children }: { children: React.ReactNode }) => { export const ModalsManagerProvider = ({ children }: { children: React.ReactNode }) => {
const [showBackdrop, setShowBackdrop] = useState(false); const [showBackdrop, setShowBackdrop] = useState(false);
const [loadingModalVisible, setLoadingModalVisible] = useState(false);
const [errorModalVisible, setErrorModalVisible] = useState(false);
const [modalElement, setModalElement] = useState<React.ReactElement | null>(null); const [modalElement, setModalElement] = useState<React.ReactElement | null>(null);
const showLoadingModal = () => {
setShowBackdrop(true);
setLoadingModalVisible(true);
};
const closeLoadingModal = () => {
setShowBackdrop(false);
setLoadingModalVisible(false);
};
const showErrorModal = () => {
setShowBackdrop(true);
setErrorModalVisible(true);
};
const closeErrorModal = () => {
setShowBackdrop(false);
setErrorModalVisible(false);
};
const showModal = (element: React.ReactElement) => { const showModal = (element: React.ReactElement) => {
setModalElement(element); setModalElement(element);
setShowBackdrop(true); setShowBackdrop(true);
...@@ -62,10 +29,6 @@ export const ModalsManagerProvider = ({ children }: { children: React.ReactNode ...@@ -62,10 +29,6 @@ export const ModalsManagerProvider = ({ children }: { children: React.ReactNode
return ( return (
<ModalsManagerContext.Provider <ModalsManagerContext.Provider
value={{ value={{
showLoadingModal,
closeLoadingModal,
showErrorModal,
closeErrorModal,
showModal, showModal,
closeModal, closeModal,
}} }}
...@@ -73,9 +36,6 @@ export const ModalsManagerProvider = ({ children }: { children: React.ReactNode ...@@ -73,9 +36,6 @@ export const ModalsManagerProvider = ({ children }: { children: React.ReactNode
{children} {children}
{showBackdrop && <OverlayBackdrop />} {showBackdrop && <OverlayBackdrop />}
{modalElement && modalElement} {modalElement && modalElement}
{loadingModalVisible && <LoadingModal />}
{errorModalVisible && <ErrorModal />}
</ModalsManagerContext.Provider> </ModalsManagerContext.Provider>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment