rzerres/element-call
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use compound components

Browse Source
This commit is contained in:
David Baker
2023-09-19 18:27:53 +01:00
parent e604c7bcae
commit a268a804bb
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/room/GroupCallLoader.tsx
View File

@@ -20,7 +20,7 @@ import { useTranslation } from "react-i18next";
import { MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc/MatrixRTCSession"; import { MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc/MatrixRTCSession";
import { MatrixError } from "matrix-js-sdk"; import { MatrixError } from "matrix-js-sdk";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import { Link } from "@vector-im/compound-web"; import { Heading, Link, Text } from "@vector-im/compound-web";
import { useLoadGroupCall } from "./useLoadGroupCall"; import { useLoadGroupCall } from "./useLoadGroupCall";
import { ErrorView, FullScreenView } from "../FullScreenView"; import { ErrorView, FullScreenView } from "../FullScreenView";
@@ -57,12 +57,12 @@ export function GroupCallLoader({
if ((groupCallState.error as MatrixError).errcode === "M_NOT_FOUND") { if ((groupCallState.error as MatrixError).errcode === "M_NOT_FOUND") {
return ( return (
<FullScreenView> <FullScreenView>
<h1>{t("Call not found")}</h1> <Heading>{t("Call not found")}</Heading>
<p> <Text>
{t( {t(
"Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key." "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key."
)} )}
</p> </Text>
{/* XXX: A 'create it for me' button would be the obvious UX here. Two screens already have {/* XXX: A 'create it for me' button would be the obvious UX here. Two screens already have
dupes of this flow, let's make a common component and put it here. */} dupes of this flow, let's make a common component and put it here. */}
<Link href="/" onClick={onHomeClick}> <Link href="/" onClick={onHomeClick}>