From de366fa0e8318991e97476c34e9449a1590feb71 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 26 Oct 2018 17:55:59 +0100
Subject: [PATCH] Add cancel button to error stage

---
 .../views/dialogs/keybackup/CreateKeyBackupDialog.js     | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/views/dialogs/keybackup/CreateKeyBackupDialog.js b/src/components/views/dialogs/keybackup/CreateKeyBackupDialog.js
index 4bb1f31558..e561fe033c 100644
--- a/src/components/views/dialogs/keybackup/CreateKeyBackupDialog.js
+++ b/src/components/views/dialogs/keybackup/CreateKeyBackupDialog.js
@@ -181,12 +181,15 @@ export default React.createClass({
 
         let content;
         if (this.state.error) {
+            const DialogButtons = sdk.getComponent('views.elements.DialogButtons');
             content = <div>
                 <p>{_t("Unable to create key backup")}</p>
                 <div className="mx_Dialog_buttons">
-                    <button onClick={this._createBackup}>
-                        {_t("Retry")}
-                    </button>
+                    <DialogButtons primaryButton={_t('Retry')}
+                        onPrimaryButtonClick={this._createBackup}
+                        hasCancel={true}
+                        onCancel={this._onCancel}
+                    />
                 </div>
             </div>;
         } else {