From c62d1197b995ba57dd5b13b1adb437063df4e49f Mon Sep 17 00:00:00 2001
From: Bianca Nenciu <nbianca@users.noreply.github.com>
Date: Mon, 8 Jan 2024 20:28:57 +0200
Subject: [PATCH] FEATURE: Add loading spinner on categories page (#25171)

The list of categories is loaded async when lazy_load_categories is
enabled, but there is no visual indication that the list of categories
is being loaded.
---
 .../discourse/app/components/discovery/categories-display.gjs   | 2 ++
 .../discourse/app/templates/discovery/categories.hbs            | 1 +
 2 files changed, 3 insertions(+)

diff --git a/app/assets/javascripts/discourse/app/components/discovery/categories-display.gjs b/app/assets/javascripts/discourse/app/components/discovery/categories-display.gjs
index 6a9ccd8b24a..5d156482da3 100644
--- a/app/assets/javascripts/discourse/app/components/discovery/categories-display.gjs
+++ b/app/assets/javascripts/discourse/app/components/discovery/categories-display.gjs
@@ -7,6 +7,7 @@ import CategoriesBoxes from "discourse/components/categories-boxes";
 import CategoriesBoxesWithTopics from "discourse/components/categories-boxes-with-topics";
 import CategoriesOnly from "discourse/components/categories-only";
 import CategoriesWithFeaturedTopics from "discourse/components/categories-with-featured-topics";
+import ConditionalLoadingSpinner from "discourse/components/conditional-loading-spinner";
 import LoadMore from "discourse/components/load-more";
 import PluginOutlet from "discourse/components/plugin-outlet";
 import SubcategoriesWithFeaturedTopics from "discourse/components/subcategories-with-featured-topics";
@@ -94,6 +95,7 @@ export default class CategoriesDisplay extends Component {
           @categories={{@categories}}
           @topics={{@topics}}
         />
+        <ConditionalLoadingSpinner @condition={{@loadingMore}} />
       </LoadMore>
     {{else}}
       <this.categoriesComponent
diff --git a/app/assets/javascripts/discourse/app/templates/discovery/categories.hbs b/app/assets/javascripts/discourse/app/templates/discovery/categories.hbs
index 99ae81721a7..2cdf30c800d 100644
--- a/app/assets/javascripts/discourse/app/templates/discovery/categories.hbs
+++ b/app/assets/javascripts/discourse/app/templates/discovery/categories.hbs
@@ -35,6 +35,7 @@
         @topics={{this.model.topics}}
         @parentCategory={{this.model.parentCategory}}
         @loadMore={{this.model.loadMore}}
+        @loadingMore={{this.model.isLoading}}
       />
     </div>