Skip to content

Add Loading States to Program Cards#1123

Open
suman20041 wants to merge 2 commits intosayeeg-11:mainfrom
suman20041:load
Open

Add Loading States to Program Cards#1123
suman20041 wants to merge 2 commits intosayeeg-11:mainfrom
suman20041:load

Conversation

@suman20041
Copy link

#1109 issue resolved

Description

Previously, program cards would load instantly without any visual feedback, causing layout shifts and a poor user experience. Now, skeleton loaders are displayed immediately while the program data is being fetched.

Changes Made

Added Loading State Function

  • Created showLoadingState() function that generates 6 skeleton cards with staggered animation delays
  • Skeleton cards maintain the same dimensions as actual program cards to prevent layout shift
  • Each skeleton element (icon, title, text, badge) mimics the structure of real program cards

@suman20041 suman20041 changed the title Load Add Loading States to Program Cards Mar 7, 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.

1 participant