diff options
author | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-07-31 14:06:00 -0700 |
---|---|---|
committer | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-08-04 08:54:47 -0700 |
commit | 344ab9813907e1b3f7d9dceee84978f832813bef (patch) | |
tree | 6ca35d116237532b2797efcc9184ac524c47319e /web/react/components/user_settings.jsx | |
parent | cef628c1d1f6409e1453bba3b92c6cb3d15baf3f (diff) | |
download | chat-344ab9813907e1b3f7d9dceee84978f832813bef.tar.gz chat-344ab9813907e1b3f7d9dceee84978f832813bef.tar.bz2 chat-344ab9813907e1b3f7d9dceee84978f832813bef.zip |
Added spinner animation to replace save button when uploading a new profile picture
Diffstat (limited to 'web/react/components/user_settings.jsx')
-rw-r--r-- | web/react/components/user_settings.jsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/web/react/components/user_settings.jsx b/web/react/components/user_settings.jsx index c574d2365..136f81ad3 100644 --- a/web/react/components/user_settings.jsx +++ b/web/react/components/user_settings.jsx @@ -748,6 +748,7 @@ var GeneralTab = React.createClass({ var formData = new FormData(); formData.append('image', picture, picture.name); + this.setState({loadingPicture: true}); client.uploadProfileImage(formData, function() { @@ -779,11 +780,10 @@ var GeneralTab = React.createClass({ }, updatePicture: function(e) { if (e.target.files && e.target.files[0]) { - this.setState({ picture: e.target.files[0] }); + this.setState({picture: e.target.files[0]}); this.submitActive = true; this.setState({client_error: null}); - } else { this.setState({picture: null}); } @@ -810,8 +810,8 @@ var GeneralTab = React.createClass({ getInitialState: function() { var user = this.props.user; - return { username: user.username, first_name: user.first_name, last_name: user.last_name, nickname: user.nickname, - email: user.email, picture: null }; + return {username: user.username, first_name: user.first_name, last_name: user.last_name, nickname: user.nickname, + email: user.email, picture: null, loadingPicture: false}; }, render: function() { var user = this.props.user; @@ -1002,6 +1002,7 @@ var GeneralTab = React.createClass({ picture={this.state.picture} pictureChange={this.updatePicture} submitActive={this.submitActive} + loadingPicture={this.state.loadingPicture} /> ); } else { |