From 344ab9813907e1b3f7d9dceee84978f832813bef Mon Sep 17 00:00:00 2001
From: Reed Garmsen <rgarmsen2295@gmail.com>
Date: Fri, 31 Jul 2015 14:06:00 -0700
Subject: Added spinner animation to replace save button when uploading a new
 profile picture

---
 web/react/components/setting_picture.jsx | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'web/react/components/setting_picture.jsx')

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>
-- 
cgit v1.2.3-1-g7c22

