OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

convert NewSessionReviewDialog

pull/21833/head
David Baker 2021-07-01 14:51:07 +01:00
parent 5d3b94b7c9
commit 676163d5cd
1 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/views/dialogs/NewSessionReviewDialog.js → src/components/views/dialogs/NewSessionReviewDialog.tsx
View File

@ -1,5 +1,5 @@
/* /*
Copyright 2020 The Matrix.org Foundation C.I.C. Copyright 2020-2021 The Matrix.org Foundation C.I.C.
Licensed under the Apache License, Version 2.0 (the "License"); Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. you may not use this file except in compliance with the License.
@ -15,7 +15,6 @@ limitations under the License.
*/ */
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types';
import { _t } from '../../../languageHandler'; import { _t } from '../../../languageHandler';
import Modal from '../../../Modal'; import Modal from '../../../Modal';
import { replaceableComponent } from '../../../utils/replaceableComponent'; import { replaceableComponent } from '../../../utils/replaceableComponent';
@ -23,18 +22,18 @@ import VerificationRequestDialog from './VerificationRequestDialog';
import BaseDialog from './BaseDialog'; import BaseDialog from './BaseDialog';
import DialogButtons from '../elements/DialogButtons'; import DialogButtons from '../elements/DialogButtons';
import { MatrixClientPeg } from "../../../MatrixClientPeg"; import { MatrixClientPeg } from "../../../MatrixClientPeg";
import * as sdk from '../../../index'; import { DeviceInfo } from 'matrix-js-sdk/src/crypto/deviceinfo';
import ErrorDialog from "./ErrorDialog";
interface IProps {
userId: string;
device: DeviceInfo,
onFinished: (boolean) => void;
}
@replaceableComponent("views.dialogs.NewSessionReviewDialog") @replaceableComponent("views.dialogs.NewSessionReviewDialog")
export default class NewSessionReviewDialog extends React.PureComponent { export default class NewSessionReviewDialog extends React.PureComponent<IProps> {
static propTypes = { private onCancelClick = () => {
userId: PropTypes.string.isRequired,
device: PropTypes.object.isRequired,
onFinished: PropTypes.func.isRequired,
}
onCancelClick = () => {
const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
Modal.createTrackedDialog("Verification failed", "insecure", ErrorDialog, { Modal.createTrackedDialog("Verification failed", "insecure", ErrorDialog, {
headerImage: require("../../../../res/img/e2e/warning.svg"), headerImage: require("../../../../res/img/e2e/warning.svg"),
title: _t("Your account is not secure"), title: _t("Your account is not secure"),
@ -54,7 +53,7 @@ export default class NewSessionReviewDialog extends React.PureComponent {
}); });
} }
onContinueClick = () => { private onContinueClick = () => {
const { userId, device } = this.props; const { userId, device } = this.props;
const cli = MatrixClientPeg.get(); const cli = MatrixClientPeg.get();
const requestPromise = cli.requestVerification( const requestPromise = cli.requestVerification(
@ -73,7 +72,7 @@ export default class NewSessionReviewDialog extends React.PureComponent {
}); });
} }
render() { public render() {
const { device } = this.props; const { device } = this.props;
const icon = <span className="mx_NewSessionReviewDialog_headerIcon mx_E2EIcon_warning"></span>; const icon = <span className="mx_NewSessionReviewDialog_headerIcon mx_E2EIcon_warning"></span>;