Add external link warning

src/context/intermediate/Intermediate.tsx

@@ -24,6 +24,7 @@ export type Screen =
     | { id: "signed_out" }
     | { id: "error"; error: string }
     | { id: "clipboard"; text: string }
+    | { id: "external_link_prompt"; link: string }
     | {
           id: "_prompt";
           question: Children;

src/context/intermediate/Modals.tsx

@@ -9,6 +9,7 @@ import { InputModal } from "./modals/Input";
 import { OnboardingModal } from "./modals/Onboarding";
 import { PromptModal } from "./modals/Prompt";
 import { SignedOutModal } from "./modals/SignedOut";
+import {ExternalLinkModal} from "./modals/ExternalLinkPrompt";
 
 export interface Props {
     screen: Screen;
@@ -34,6 +35,8 @@ export default function Modals({ screen, openScreen }: Props) {
             return <ClipboardModal onClose={onClose} {...screen} />;
         case "onboarding":
             return <OnboardingModal onClose={onClose} {...screen} />;
+        case "external_link_prompt":
+            return <ExternalLinkModal onClose={onClose} {...screen} />;
     }
 
     return null;

src/context/intermediate/modals/ExternalLinkPrompt.tsx

@@ -0,0 +1,32 @@
+import { Text } from "preact-i18n";
+
+import Modal from "../../../components/ui/Modal";
+
+interface Props {
+    onClose: () => void;
+    link: string;
+}
+
+export function ExternalLinkModal({ onClose, link }: Props) {
+    return (
+        <Modal
+            visible={true}
+            onClose={onClose}
+            title={<Text id={"app.special.modals.external_links.title"} />}
+            actions={[
+                {
+                    onClick: ()=>{window.open(link, "_blank");},
+                    confirmation: true,
+                    children: "Continue",
+                },
+                {
+                    onClick: onClose,
+                    confirmation: false,
+                    children: "Cancel",
+                },
+            ]}>
+            <Text id={"app.special.modals.external_links.short"} /> <br />
+            <a>{link}</a>
+        </Modal>
+    );
+}