Skip to content

fix: prevent featured authors loading flicker - #666

Open
Dp432 wants to merge 1 commit into
the-monkeys:mainfrom
Dp432:fix/featured-authors-loading
Open

fix: prevent featured authors loading flicker#666
Dp432 wants to merge 1 commit into
the-monkeys:mainfrom
Dp432:fix/featured-authors-loading

Conversation

@Dp432

@Dp432 Dp432 commented Aug 7, 2026

Copy link
Copy Markdown

Description

Fixed the loading flicker in the Featured Authors section on the home feed.

Changes

  • Removed the pinned authors from the rendered list so the section uses the fetched active authors.
  • Kept the existing author filtering, deduplication, and horizontal scrolling behavior.
  • Added an isLoading check using the useActiveUsers hook.
  • Added a single loading state with 6 skeleton placeholders while authors are being fetched.
  • Prevented the author list from rendering before the active users data is loaded.

Result

The Featured Authors section now shows one consistent loading state instead of authors appearing in a staggered way.

Screenshot 2026-08-08 004126

@netlify

netlify Bot commented Aug 7, 2026

Copy link
Copy Markdown

Deploy Preview for incredible-eclair-ada155 failed. Why did it fail? →

Built without sensitive environment variables

Name Link
🔨 Latest commit 717a638
🔍 Latest deploy log https://app.netlify.com/projects/incredible-eclair-ada155/deploys/6a762ee0bd7c930008605cd5

Comment on lines +94 to +95
// Loading State-Display a pulsing skeleton loader while active users are being fetched from the API.
if (isLoading) {

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we already had a skeleton component in the original ui

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