Enhance OSS programs search UX with loading, skeletons, and tag autoc…#335
Enhance OSS programs search UX with loading, skeletons, and tag autoc…#335Dampipal wants to merge 1 commit intoapsinghdev:mainfrom
Conversation
|
@Dampipal is attempting to deploy a commit to the AJEET PRATAP SINGH's projects Team on Vercel. A member of the Team first needs to authorize it. |
📝 WalkthroughWalkthroughThe PR enhances OSS Programs dashboard filtering by introducing loading states and skeleton placeholders that display during search and tag filter operations. A new Changes
Sequence DiagramsequenceDiagram
actor User
participant TagFilter
participant ProgramsList
participant LoadingState
participant Display
User->>TagFilter: Type/Select Tag
TagFilter->>ProgramsList: Trigger filter change
ProgramsList->>LoadingState: Set isLoading = true
LoadingState->>Display: Render ProgramCardSkeleton
Note over Display: 200ms delay
LoadingState->>LoadingState: useEffect completes
LoadingState->>Display: Set isLoading = false
Display->>Display: Render ProgramCard results
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~25 minutes Possibly related PRs
Poem
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Closes #334
What’s changed
Why
These changes provide smoother visual feedback during search and filtering, reduce abrupt UI changes, and improve accessibility for keyboard users without introducing breaking changes.
Summary by CodeRabbit
Release Notes
New Features
Style