From c21c0e1150092a461ff330947c9f3b909438d759 Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Mon, 2 Dec 2019 14:22:47 +0000
Subject: [PATCH] Add error to debug panel

---
 src/components/views/settings/CrossSigningPanel.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/views/settings/CrossSigningPanel.js b/src/components/views/settings/CrossSigningPanel.js
index 58f452674b..027f6bea26 100644
--- a/src/components/views/settings/CrossSigningPanel.js
+++ b/src/components/views/settings/CrossSigningPanel.js
@@ -24,7 +24,10 @@ import Modal from '../../../Modal';
 export default class CrossSigningPanel extends React.PureComponent {
     constructor(props) {
         super(props);
-        this.state = this._getUpdatedStatus();
+        this.state = {
+            error: null,
+            ...this._getUpdatedStatus(),
+        };
     }
 
     _getUpdatedStatus() {
@@ -44,6 +47,7 @@ export default class CrossSigningPanel extends React.PureComponent {
     }
 
     _bootstrapSecureSecretStorage = async () => {
+        this.setState({ error: null });
         try {
             const InteractiveAuthDialog = sdk.getComponent("dialogs.InteractiveAuthDialog");
             await MatrixClientPeg.get().bootstrapSecretStorage({
@@ -63,6 +67,7 @@ export default class CrossSigningPanel extends React.PureComponent {
                 },
             });
         } catch (e) {
+            this.setState({ error: e });
             console.error(e);
         }
         this.setState(this._getUpdatedStatus());
@@ -71,11 +76,17 @@ export default class CrossSigningPanel extends React.PureComponent {
     render() {
         const AccessibleButton = sdk.getComponent("elements.AccessibleButton");
         const {
+            error,
             crossSigningPublicKeysOnDevice,
             crossSigningPrivateKeysInStorage,
             secretStorageKeyInAccount,
         } = this.state;
 
+        let errorSection;
+        if (error) {
+            errorSection = <div className="error">{error.toString()}</div>;
+        }
+
         return (
             <div>
                 <table className="mx_CrossSigningPanel_statusList"><tbody>
@@ -97,6 +108,7 @@ export default class CrossSigningPanel extends React.PureComponent {
                         {_t("Bootstrap Secure Secret Storage")}
                     </AccessibleButton>
                 </div>
+                {errorSection}
             </div>
         );
     }