Fix style inconsistency on SecureBackupPanel (#11102)

This commit is contained in:
Suguru Hirahara
2023-06-19 08:08:48 +00:00
committed by GitHub
parent fa31ed55d2
commit 0f17f876d6
@@ -240,14 +240,20 @@ export default class SecureBackupPanel extends React.PureComponent<{}, IState> {
let extraDetails: JSX.Element | undefined; let extraDetails: JSX.Element | undefined;
const actions: JSX.Element[] = []; const actions: JSX.Element[] = [];
if (error) { if (error) {
statusDescription = <div className="error">{_t("Unable to load key backup status")}</div>; statusDescription = (
<SettingsSubsectionText className="error">
{_t("Unable to load key backup status")}
</SettingsSubsectionText>
);
} else if (loading) { } else if (loading) {
statusDescription = <Spinner />; statusDescription = <Spinner />;
} else if (backupInfo) { } else if (backupInfo) {
let restoreButtonCaption = _t("Restore from Backup"); let restoreButtonCaption = _t("Restore from Backup");
if (MatrixClientPeg.safeGet().getKeyBackupEnabled()) { if (MatrixClientPeg.safeGet().getKeyBackupEnabled()) {
statusDescription = <p>✅ {_t("This session is backing up your keys.")}</p>; statusDescription = (
<SettingsSubsectionText>✅ {_t("This session is backing up your keys.")}</SettingsSubsectionText>
);
} else { } else {
statusDescription = ( statusDescription = (
<> <>