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/setting_picture.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/setting_picture.jsx')
| -rw-r--r-- | web/react/components/setting_picture.jsx | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/web/react/components/setting_picture.jsx b/web/react/components/setting_picture.jsx index fa4c8bb62..136421fa7 100644 --- a/web/react/components/setting_picture.jsx +++ b/web/react/components/setting_picture.jsx @@ -44,7 +44,11 @@ module.exports = React.createClass({ {server_error} {client_error} <span className='btn btn-sm btn-primary btn-file sel-btn'>Select<input ref='input' accept='.jpg,.png,.bmp' type='file' onChange={this.props.pictureChange}/></span> + {!this.props.loadingPicture ? <a className={this.props.submitActive ? 'btn btn-sm btn-primary' : 'btn btn-sm btn-inactive disabled'} onClick={this.props.submit}>Save</a> + : + <img className="spinner" src="/static/images/load.gif"/> + } <a className='btn btn-sm theme' href='#' onClick={self.props.updateSection}>Cancel</a> </li> </ul> |