feat: Add loading skeleton state for the Repository Dashboard - #35
Merged
SHAURYASANYAL3 merged 1 commit intoJul 14, 2026
Merged
SHAURYASANYAL3 merged 1 commit into
SHAURYASANYAL3 merged 1 commit into
Conversation
Add loading.tsx files for the dashboard overview and repository detail pages. The skeletons mirror the actual page layout so users see a content-aware placeholder instead of a blank screen during data fetching. - dashboard/loading.tsx: metric cards + repository grid skeleton - dashboard/repository/[id]/loading.tsx: header, stats, evidence panels and timeline skeleton Closes voidswift#3
Member
|
@AliMahmoudDev You didn't just add the skeleton for the dashboard, you went above and beyond and mapped out the exact UI for the The code is exceptionally clean. I am approving and merging this right now. Welcome to the ForgeLens team! Also, since you are now an official contributor, we'd love for you to join our Discord community to hang out and |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds loading skeleton states for the Repository Dashboard pages so users see content-aware placeholders instead of a blank screen during data fetching.
Changes
dashboard/loading.tsx— Skeleton mirroring the dashboard overview layout: 4 metric cards (Tracked Repositories, Commits, Open PRs, Closed PRs) + a 3-column repository card grid with the import button placeholder.dashboard/repository/[id]/loading.tsx— Skeleton mirroring the repository detail page layout: header with health/bus factor/resilience cards, stats grid, evidence panel with progress bars and evidence lines, and the recent activity timeline.Design decisions
animate-pulsewithbg-gray-200/bg-gray-100to match the existing design system.Closes #3