show current image

src/client/js/components/Me/ProfileImageSettings.jsx

@@ -36,7 +36,7 @@ class ProfileImageSettings extends React.Component {
   }
 
   render() {
-    const { t, personalContainer } = this.props;
+    const { t, personalContainer, appContainer } = this.props;
 
     return (
       <React.Fragment>
@@ -80,6 +80,20 @@ class ProfileImageSettings extends React.Component {
                 </label>
               </div>
             </h4>
+            <div className="form-group">
+              <div id="pictureUploadFormMessage"></div>
+              <label className="col-sm-4 control-label">
+                { t('Current Image') }
+              </label>
+              <div className="col-sm-8">
+                <p>
+                  <img src={appContainer.currentUser.imageAttachment.filePathProxied} className="picture picture-lg img-circle" id="settingUserPicture" /><br />
+                </p>
+                <p>
+                  <button type="button" className="btn btn-danger">{ t('Delete Image') }</button>
+                </p>
+              </div>
+            </div>
           </div>
         </div>