Make create key backup dialog async

So we can add zxcvbn to it without inflating the main bundle size
This commit is contained in:
David Baker 2018-11-23 10:55:18 +00:00
parent a9ae7f3eef
commit 4f8c4f1c6e
3 changed files with 15 additions and 7 deletions

View file

@ -59,8 +59,14 @@ export default React.createClass({
_onResetRecoveryClick: function() {
this.props.onFinished(false);
const CreateKeyBackupDialog = sdk.getComponent("dialogs.keybackup.CreateKeyBackupDialog");
Modal.createTrackedDialog('Create Key Backup', '', CreateKeyBackupDialog, {});
Modal.createTrackedDialogAsync('Key Backup', 'Key Backup',
import('../../../../async-components/views/dialogs/keybackup/CreateKeyBackupDialog'),
{
onFinished: () => {
this._loadBackupStatus();
},
},
);
},
_onRecoveryKeyChange: function(e) {

View file

@ -80,12 +80,14 @@ export default class KeyBackupPanel extends React.Component {
}
_startNewBackup() {
const CreateKeyBackupDialog = sdk.getComponent('dialogs.keybackup.CreateKeyBackupDialog');
Modal.createTrackedDialog('Key Backup', 'Key Backup', CreateKeyBackupDialog, {
onFinished: () => {
this._loadBackupStatus();
Modal.createTrackedDialogAsync('Key Backup', 'Key Backup',
import('../../../async-components/views/dialogs/keybackup/CreateKeyBackupDialog'),
{
onFinished: () => {
this._loadBackupStatus();
},
},
});
);
}
_deleteBackup() {