From 9fc57786f139221073d02de79257507f6a5d1d80 Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Mon, 22 May 2017 16:11:52 +0100
Subject: [PATCH] Add warm-fuzzy for successful password entry

---
 .../views/dialogs/SetPasswordDialog.js        | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/components/views/dialogs/SetPasswordDialog.js b/src/components/views/dialogs/SetPasswordDialog.js
index 2db64d2f0c..fb586cd072 100644
--- a/src/components/views/dialogs/SetPasswordDialog.js
+++ b/src/components/views/dialogs/SetPasswordDialog.js
@@ -34,10 +34,17 @@ export default React.createClass({
     getInitialState: function() {
         return {
             error: null,
+            success: false,
         };
     },
 
     _onPasswordChanged: function() {
+        this.setState({
+            success: true,
+        });
+    },
+
+    _onContinueClicked: function() {
         this.props.onFinished(true);
     },
 
@@ -58,6 +65,30 @@ export default React.createClass({
         const ChangePassword = sdk.getComponent('views.settings.ChangePassword');
         const Spinner = sdk.getComponent('elements.Spinner');
 
+        if (this.state.success) {
+            return (
+                <BaseDialog className="mx_SetPasswordDialog"
+                    onFinished={this.props.onFinished}
+                    title="You have successfully set a new password!"
+                >
+                    <div className="mx_Dialog_content">
+                        <p>
+                            You can now return to your account after signing out,
+                            and sign in on other devices.
+                        </p>
+                    </div>
+                    <div className="mx_Dialog_buttons">
+                        <button
+                            className="mx_Dialog_primary"
+                            autoFocus={true}
+                            onClick={this._onContinueClicked}>
+                                Continue
+                        </button>
+                    </div>
+                </BaseDialog>
+            );
+        }
+
         return (
             <BaseDialog className="mx_SetPasswordDialog"
                 onFinished={this.props.onFinished}