mirror of https://github.com/vector-im/riot-web
Fix style inconsistency on SecureBackupPanel (#11102)
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 = (
|
||||||
<>
|
<>
|
||||||
|
|
Loading…
Reference in New Issue