Port modal / popover context.

src/context/intermediate/Modals.tsx

@@ -0,0 +1,41 @@
+import { Screen } from "./Intermediate";
+
+import { ErrorModal } from "./modals/Error";
+import { SignedOutModal } from "./modals/SignedOut";
+import { ClipboardModal } from "./modals/Clipboard";
+import { OnboardingModal } from "./modals/Onboarding";
+import { ModifyAccountModal } from "./modals/ModifyAccount";
+import { InputModal, SpecialInputModal } from "./modals/Input";
+import { PromptModal, SpecialPromptModal } from "./modals/Prompt";
+
+export interface Props {
+    screen: Screen;
+    openScreen: (id: any) => void;
+}
+
+export default function Modals({ screen, openScreen }: Props) {
+    const onClose = () => openScreen({ id: "none" });
+
+    switch (screen.id) {
+        case "_prompt":
+            return <PromptModal onClose={onClose} {...screen} />;
+        case "special_prompt":
+            return <SpecialPromptModal onClose={onClose} {...screen} />;
+        case "_input":
+            return <InputModal onClose={onClose} {...screen} />;
+        case "special_input":
+            return <SpecialInputModal onClose={onClose} {...screen} />;
+        case "error":
+            return <ErrorModal onClose={onClose} {...screen} />;
+        case "signed_out":
+            return <SignedOutModal onClose={onClose} {...screen} />;
+        case "clipboard":
+            return <ClipboardModal onClose={onClose} {...screen} />;
+        case "modify_account":
+            return <ModifyAccountModal onClose={onClose} {...screen} />;
+        case "onboarding":
+            return <OnboardingModal onClose={onClose} {...screen} />;
+    }
+
+    return null;
+}