Clean up room-related components

2022-01-05 15:06:51 -08:00 · 2022-01-05 15:06:51 -08:00 · 550c45b69e
commit 550c45b69e
parent 8be578763d
9 changed files with 598 additions and 700 deletions
--- a/src/room/CallEndedView.jsx
+++ b/src/room/CallEndedView.jsx
@ -0,0 +1,50 @@
+import React from "react";
+import styles from "./CallEndedView.module.css";
+import { LinkButton } from "../button";
+import { useProfile } from "../ConferenceCallManagerHooks";
+import { Subtitle, Body, Link, Headline } from "../typography/Typography";
+import { Header, HeaderLogo, LeftNav, RightNav } from "../Header";
+
+export function CallEndedView({ client }) {
+  const { displayName } = useProfile(client);
+
+  return (
+    <>
+      <Header>
+        <LeftNav>
+          <HeaderLogo />
+        </LeftNav>
+        <RightNav />
+      </Header>
+      <div className={styles.container}>
+        <main className={styles.main}>
+          <Headline className={styles.headline}>
+            {displayName}, your call is now ended
+          </Headline>
+          <div className={styles.callEndedContent}>
+            <Subtitle>
+              Why not finish by setting up a password to keep your account?
+            </Subtitle>
+            <Subtitle>
+              You'll be able to keep your name and set an avatar for use on
+              future calls
+            </Subtitle>
+            <LinkButton
+              className={styles.callEndedButton}
+              size="lg"
+              variant="default"
+              to="/register"
+            >
+              Create account
+            </LinkButton>
+          </div>
+        </main>
+        <Body className={styles.footer}>
+          <Link color="primary" to="/">
+            Not now, return to home screen
+          </Link>
+        </Body>
+      </div>
+    </>
+  );
+}