feat(modal): port Clipboard

src/context/intermediate/Intermediate.tsx

@@ -12,6 +12,7 @@ import { determineLink } from "../../lib/links";
 
 import { useApplicationState } from "../../mobx/State";
 
+import { modalController } from "../modals";
 import Modals from "./Modals";
 
 export type Screen =
@@ -171,13 +172,7 @@ export default function Intermediate(props: Props) {
                 return true;
             },
             openScreen: (screen: Screen) => openScreen(screen),
-            writeClipboard: (text: string) => {
-                if (navigator.clipboard) {
-                    navigator.clipboard.writeText(text);
-                } else {
-                    actions.openScreen({ id: "clipboard", text });
-                }
-            },
+            writeClipboard: (a: string) => modalController.writeText(a),
         };
         // eslint-disable-next-line
     }, []);

src/context/intermediate/Modals.tsx

@@ -1,6 +1,5 @@
 //import { isModalClosing } from "../../components/ui/Modal";
 import { Screen } from "./Intermediate";
-import { ClipboardModal } from "./modals/Clipboard";
 import { ExternalLinkModal } from "./modals/ExternalLinkPrompt";
 import { InputModal } from "./modals/Input";
 import { OnboardingModal } from "./modals/Onboarding";
@@ -22,8 +21,6 @@ export default function Modals({ screen, openScreen }: Props) {
             return <PromptModal onClose={onClose} {...screen} />;
         case "_input":
             return <InputModal onClose={onClose} {...screen} />;
-        case "clipboard":
-            return <ClipboardModal onClose={onClose} {...screen} />;
         case "onboarding":
             return <OnboardingModal onClose={onClose} {...screen} />;
         case "external_link_prompt":

src/context/intermediate/modals/Clipboard.tsx

@@ -1,31 +0,0 @@
-import { Text } from "preact-i18n";
-
-import { Modal } from "@revoltchat/ui";
-
-interface Props {
-    onClose: () => void;
-    text: string;
-}
-
-export function ClipboardModal({ onClose, text }: Props) {
-    return (
-        <Modal
-            onClose={onClose}
-            title={<Text id="app.special.modals.clipboard.unavailable" />}
-            actions={[
-                {
-                    onClick: onClose,
-                    confirmation: true,
-                    children: <Text id="app.special.modals.actions.close" />,
-                },
-            ]}>
-            {location.protocol !== "https:" && (
-                <p>
-                    <Text id="app.special.modals.clipboard.https" />
-                </p>
-            )}
-            <Text id="app.special.modals.clipboard.copy" />{" "}
-            <code style={{ userSelect: "all" }}>{text}</code>
-        </Modal>
-    );
-}