mirror of
https://github.com/vector-im/element-call.git
synced 2026-09-10 21:55:19 +00:00
Valere
8e78ac76bd
ErrorView needed a widget only to decide whether to offer a close button or a link home. That prop was threaded down through ErrorPage, RichError and GroupCallErrorBoundary from seven call sites, to answer the single question of whether the host can dismiss Element Call — which the host bridge now answers directly through the presence of close(). Read the bridge from context in ErrorView and remove the prop, along with the plumbing that carried it. No functional change: the rendered output is unchanged, as the existing snapshot confirms. Move GroupCallView onto the host bridge GroupCallView asked the widget API to keep it on screen, to close it, and to tell it when a preloaded call should join. Route all three through the host bridge and drop the widget prop.
88 lines
2.2 KiB
TypeScript
88 lines
2.2 KiB
TypeScript
/*
|
|
Copyright 2022-2024 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE in the repository root for full details.
|
|
*/
|
|
|
|
import { type FC, type ReactElement, type ReactNode, useEffect } from "react";
|
|
import classNames from "classnames";
|
|
import { useTranslation } from "react-i18next";
|
|
import * as Sentry from "@sentry/react";
|
|
import { logger } from "matrix-js-sdk/lib/logger";
|
|
import { ErrorSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
|
|
|
|
import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
|
|
import styles from "./FullScreenView.module.css";
|
|
import { useUrlParams } from "./UrlParams";
|
|
import { RichError } from "./RichError";
|
|
import { ErrorView } from "./ErrorView";
|
|
|
|
interface FullScreenViewProps {
|
|
className?: string;
|
|
children: ReactNode;
|
|
}
|
|
|
|
export const FullScreenView: FC<FullScreenViewProps> = ({
|
|
className,
|
|
children,
|
|
}) => {
|
|
const { header } = useUrlParams();
|
|
return (
|
|
<div className={classNames(styles.page, className)}>
|
|
{header === "standard" && (
|
|
<Header>
|
|
<LeftNav>
|
|
<HeaderLogo />
|
|
</LeftNav>
|
|
<RightNav />
|
|
</Header>
|
|
)}
|
|
<div className={styles.container}>
|
|
<div className={styles.content}>{children}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
interface ErrorPageProps {
|
|
error: unknown;
|
|
}
|
|
|
|
// Due to this component being used as the crash fallback for Sentry, which has
|
|
// weird type requirements, we can't just give this a type of FC<ErrorPageProps>
|
|
export const ErrorPage = ({ error }: ErrorPageProps): ReactElement => {
|
|
const { t } = useTranslation();
|
|
useEffect(() => {
|
|
logger.error(error);
|
|
Sentry.captureException(error);
|
|
}, [error]);
|
|
|
|
return (
|
|
<FullScreenView>
|
|
{error instanceof RichError ? (
|
|
error.richMessage
|
|
) : (
|
|
<ErrorView
|
|
Icon={ErrorSolidIcon}
|
|
title={t("error.generic")}
|
|
rageshake
|
|
fatal
|
|
>
|
|
<p>{t("error.generic_description")}</p>
|
|
</ErrorView>
|
|
)}
|
|
</FullScreenView>
|
|
);
|
|
};
|
|
|
|
export const LoadingPage: FC = () => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<FullScreenView>
|
|
<h1>{t("common.loading")}</h1>
|
|
</FullScreenView>
|
|
);
|
|
};
|