Skip to content

Add search loading indicator for community news#1012

Open
Copilot wants to merge 2 commits intomainfrom
copilot/add-search-loading-indicator
Open

Add search loading indicator for community news#1012
Copilot wants to merge 2 commits intomainfrom
copilot/add-search-loading-indicator

Conversation

Copy link
Contributor

Copilot AI commented Feb 15, 2026

What is the goal of this PR and why is this important?

When users search or filter community news, they need visual feedback that their search is being executed. This PR adds a loading indicator that matches the existing pattern used in the workshops index, providing a consistent user experience across the application.

How did you approach the change?

Added the animate-fade class to the community news results table in app/views/community_news/_community_news_results.html.erb. This enables the same search loading behavior as workshops:

  1. Blur effect: Results table blurs immediately when search is submitted (via existing blur-on-submit class and collection Stimulus controller)
  2. Skeleton loader: Displays animated placeholder content during server processing (via existing _results_skeleton.html.erb partial)
  3. Smooth fade-in: Results fade in smoothly with a 0.5s animation when loaded (via newly added animate-fade class)

The implementation leverages existing infrastructure (collection controller, skeleton loader, blur-on-submit class) and required only a single-line change to add the fade animation class.

Anything else to add?

This is a minimal, surgical change that achieves feature parity with the workshops search UX. All necessary components (JavaScript controller, CSS animations, skeleton loader) were already in place - only the animate-fade class was missing from the results container.


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

@maebeale
Copy link
Collaborator

@copilot try again

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>
Copy link
Contributor Author

Copilot AI commented Feb 15, 2026

@copilot try again

Done! Added search loading indicator to community news in commit 8e3e148.

The implementation now matches the workshops pattern:

  • Results table blurs when search executes
  • Skeleton loader displays during loading
  • Results fade in smoothly when ready

What changed: Added animate-fade class to the results table (1-line change in _community_news_results.html.erb)

How it works:

  1. User types in search or changes filters
  2. Form's collection controller blurs the results table
  3. Skeleton animation displays while server processes request
  4. New results fade in smoothly when loaded

The community news search now provides the same clear visual feedback as workshops search.

Copilot AI changed the title [WIP] Add search loading indicator for community news Add search loading indicator for community news Feb 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants