show loading message in AllCommentButton

codeforjapan · Sep 28, 2021 · f2aee5b · f2aee5b
1 parent bf33bf7
commit f2aee5b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/decidim-comments/app/assets/javascripts/decidim/comments/bundle.js b/decidim-comments/app/assets/javascripts/decidim/comments/bundle.js
diff --git a/decidim-comments/app/frontend/comments/comments.component.tsx b/decidim-comments/app/frontend/comments/comments.component.tsx
@@ -217,6 +217,7 @@ export class Comments extends React.Component<CommentsProps, CommentsState> {
    * @returns {Void|ReactComponent} - A AddCommentForm component or nothing
    */
   private _renderAllCommentsButton(totalCommentsCount: number) {
+    const { loading } = this.props;
     const allCommentsNum = 0;
 
     const limit = this.state.limit;
@@ -231,6 +232,14 @@ export class Comments extends React.Component<CommentsProps, CommentsState> {
           </button>
         </div>
       );
+    } else if (loading) {
+      return (
+        <div className="">
+          <button className="button expanded">
+          {I18n.t("components.comments.loading")}
+          </button>
+        </div>
+      );
     }
   }