d79becc2a9
* fix: use `help_encryption_url` instead of hardcoded `https://element.io/help#encryption5` * test: update snapshot
82 lines
3.0 KiB
TypeScript
82 lines
3.0 KiB
TypeScript
/*
|
|
Copyright 2025 New Vector Ltd.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React from "react";
|
|
import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error";
|
|
import { Button } from "@vector-im/compound-web";
|
|
import { PopOutIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
|
|
|
|
import { _t } from "../../../languageHandler";
|
|
import defaultDispatcher from "../../../dispatcher/dispatcher";
|
|
import { EncryptionCard } from "../settings/encryption/EncryptionCard";
|
|
import { EncryptionCardButtons } from "../settings/encryption/EncryptionCardButtons";
|
|
import { type OpenToTabPayload } from "../../../dispatcher/payloads/OpenToTabPayload";
|
|
import { Action } from "../../../dispatcher/actions";
|
|
import { UserTab } from "./UserTab";
|
|
import SdkConfig from "../../../SdkConfig";
|
|
|
|
interface Props {
|
|
onFinished: (dismissed: boolean) => void;
|
|
}
|
|
|
|
/**
|
|
* Ask the user whether they really want to dismiss the toast about key storage.
|
|
*
|
|
* Launched from the {@link SetupEncryptionToast} in mode `TURN_ON_KEY_STORAGE`,
|
|
* when the user clicks "Dismiss". The caller handles any action via the
|
|
* `onFinished` prop which takes a boolean that is true if the user clicked
|
|
* "Yes, dismiss".
|
|
*/
|
|
export default class ConfirmKeyStorageOffDialog extends React.Component<Props> {
|
|
public constructor(props: Props) {
|
|
super(props);
|
|
}
|
|
|
|
private onGoToSettingsClick = (): void => {
|
|
// Open Settings at the Encryption tab
|
|
const payload: OpenToTabPayload = {
|
|
action: Action.ViewUserSettings,
|
|
initialTabId: UserTab.Encryption,
|
|
};
|
|
defaultDispatcher.dispatch(payload);
|
|
this.props.onFinished(false);
|
|
};
|
|
|
|
private onDismissClick = (): void => {
|
|
this.props.onFinished(true);
|
|
};
|
|
|
|
public render(): React.ReactNode {
|
|
return (
|
|
<EncryptionCard
|
|
Icon={ErrorIcon}
|
|
destructive={true}
|
|
title={_t("settings|encryption|confirm_key_storage_off")}
|
|
>
|
|
{_t("settings|encryption|confirm_key_storage_off_description", undefined, {
|
|
a: (sub) => (
|
|
<>
|
|
<br />
|
|
<a href={SdkConfig.get("help_encryption_url")} target="_blank" rel="noreferrer noopener">
|
|
{sub} <PopOutIcon />
|
|
</a>
|
|
</>
|
|
),
|
|
})}
|
|
<EncryptionCardButtons>
|
|
<Button onClick={this.onGoToSettingsClick} autoFocus kind="primary" className="">
|
|
{_t("common|go_to_settings")}
|
|
</Button>
|
|
<Button onClick={this.onDismissClick} kind="secondary">
|
|
{_t("action|yes_dismiss")}
|
|
</Button>
|
|
</EncryptionCardButtons>
|
|
</EncryptionCard>
|
|
);
|
|
}
|
|
}
|