b330de5d6e
* Factor out crypto setup process into a store To make components pure and avoid react 18 dev mode problems due to components making requests when mounted. * fix test * test for the store * Add comment
71 lines
2.1 KiB
TypeScript
71 lines
2.1 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
|
|
Copyright 2018, 2019 New Vector Ltd
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React, { useCallback } from "react";
|
|
|
|
import { _t } from "../../../../languageHandler";
|
|
import DialogButtons from "../../elements/DialogButtons";
|
|
import BaseDialog from "../BaseDialog";
|
|
import Spinner from "../../elements/Spinner";
|
|
import { InitialCryptoSetupStore, useInitialCryptoSetupStatus } from "../../../../stores/InitialCryptoSetupStore";
|
|
|
|
interface Props {
|
|
onFinished: (success?: boolean) => void;
|
|
}
|
|
|
|
/*
|
|
* Walks the user through the process of creating a cross-signing keys.
|
|
* In most cases, only a spinner is shown, but for more
|
|
* complex auth like SSO, the user may need to complete some steps to proceed.
|
|
*/
|
|
export const InitialCryptoSetupDialog: React.FC<Props> = ({ onFinished }) => {
|
|
const onRetryClick = useCallback(() => {
|
|
InitialCryptoSetupStore.sharedInstance().retry();
|
|
}, []);
|
|
|
|
const onCancelClick = useCallback(() => {
|
|
onFinished(false);
|
|
}, [onFinished]);
|
|
|
|
const status = useInitialCryptoSetupStatus(InitialCryptoSetupStore.sharedInstance());
|
|
|
|
let content;
|
|
if (status === "error") {
|
|
content = (
|
|
<div>
|
|
<p>{_t("encryption|unable_to_setup_keys_error")}</p>
|
|
<div className="mx_Dialog_buttons">
|
|
<DialogButtons
|
|
primaryButton={_t("action|retry")}
|
|
onPrimaryButtonClick={onRetryClick}
|
|
onCancel={onCancelClick}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
} else {
|
|
content = (
|
|
<div>
|
|
<Spinner />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<BaseDialog
|
|
className="mx_CreateCrossSigningDialog"
|
|
onFinished={onFinished}
|
|
title={_t("encryption|bootstrap_title")}
|
|
hasCancel={false}
|
|
fixedWidth={false}
|
|
>
|
|
<div>{content}</div>
|
|
</BaseDialog>
|
|
);
|
|
};
|