Move join existing call modal

src/home/JoinExistingCallModal.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { Modal, ModalContent } from "../Modal";
+import { Button } from "../button";
+import { FieldRow } from "../Input";
+import styles from "./JoinExistingCallModal.module.css";
+
+export function JoinExistingCallModal({ onJoin, ...rest }) {
+  return (
+    <Modal title="Join existing call?" isDismissable {...rest}>
+      <ModalContent>
+        <p>This call already exists, would you like to join?</p>
+        <FieldRow rightAlign className={styles.buttons}>
+          <Button onPress={rest.onClose}>No</Button>
+          <Button onPress={onJoin}>Yes, join call</Button>
+        </FieldRow>
+      </ModalContent>
+    </Modal>
+  );
+}

src/home/JoinExistingCallModal.module.css

@@ -0,0 +1,3 @@
+.buttons {
+  margin-bottom: 0;
+}

src/home/RegisteredView.jsx

@@ -12,7 +12,7 @@ import { Button } from "../button";
 import { CallList } from "./CallList";
 import { UserMenuContainer } from "../UserMenuContainer";
 import { useModalTriggerState } from "../Modal";
-import { JoinExistingCallModal } from "../JoinExistingCallModal";
+import { JoinExistingCallModal } from "./JoinExistingCallModal";
 import { useHistory } from "react-router-dom";
 import { Headline, Title } from "../typography/Typography";
 import { Form } from "../form/Form";

src/home/UnauthenticatedView.jsx

@@ -11,7 +11,7 @@ import {
 } from "../ConferenceCallManagerHooks";
 import { useInteractiveRegistration } from "../auth/useInteractiveRegistration";
 import { useModalTriggerState } from "../Modal";
-import { JoinExistingCallModal } from "../JoinExistingCallModal";
+import { JoinExistingCallModal } from "./JoinExistingCallModal";
 import { useRecaptcha } from "../auth/useRecaptcha";
 import { Body, Caption, Link, Headline } from "../typography/Typography";
 import { Form } from "../form/Form";