Merge pull request #2291 from matrix-org/dbkr/create_key_backup_async

Make create key backup dialog async

Author: dbkr

src/components/views/dialogs/keybackup/CreateKeyBackupDialog.js renamed to src/async-components/views/dialogs/keybackup/CreateKeyBackupDialog.js

@@ -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) {

src/components/views/dialogs/keybackup/RestoreKeyBackupDialog.js

@@ -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() {