From f0a3c5983492130adb7bf6b92d2682b029c302e9 Mon Sep 17 00:00:00 2001
From: Florian Orben <florian.orben@gmail.com>
Date: Wed, 14 Oct 2015 21:41:03 +0200
Subject: PLT-42: Add "File uploading" text left of "Add Comment" when file is
 uploading

---
 web/react/components/create_comment.jsx       | 12 ++++++++++++
 web/sass-files/sass/partials/_post_right.scss |  5 +++++
 2 files changed, 17 insertions(+)

diff --git a/web/react/components/create_comment.jsx b/web/react/components/create_comment.jsx
index 680d693f1..2ac5d2179 100644
--- a/web/react/components/create_comment.jsx
+++ b/web/react/components/create_comment.jsx
@@ -255,6 +255,17 @@ export default class CreateComment extends React.Component {
             postFooterClassName += ' has-error';
         }
 
+        let uploadsInProgressText = null;
+        if (this.state.uploadsInProgress.length > 0) {
+            uploadsInProgressText = (
+                <span
+                    className='pull-right post-right-comments-upload-in-progress'
+                >
+                    {this.state.uploadsInProgress.length === 1 ? 'File uploading' : 'Files uploading'}
+                </span>
+            );
+        }
+
         return (
             <form onSubmit={this.handleSubmit}>
                 <div className='post-create'>
@@ -295,6 +306,7 @@ export default class CreateComment extends React.Component {
                             value='Add Comment'
                             onClick={this.handleSubmit}
                         />
+                        {uploadsInProgressText}
                         {postError}
                         {serverError}
                     </div>
diff --git a/web/sass-files/sass/partials/_post_right.scss b/web/sass-files/sass/partials/_post_right.scss
index e4860b286..b72176a11 100644
--- a/web/sass-files/sass/partials/_post_right.scss
+++ b/web/sass-files/sass/partials/_post_right.scss
@@ -36,6 +36,11 @@
 		.post-create-footer {
 			padding-top: 10px;
 		}
+		.post-right-comments-upload-in-progress {
+			padding: 6px 0;
+			color: #a8adb7;
+			margin-right: 10px;
+		}
 	}
 
 }
-- 
cgit v1.2.3-1-g7c22