-
-
Notifications
You must be signed in to change notification settings - Fork 313
Description
📌 Description
Across the OWASP Nest frontend, most sections use a Skeleton loading component for cards (e.g., Projects, Contributors, Chapters, Organizations).
However, the following pages do not use skeletons, and instead display a basic loading spinner/logo:
- Snapshots Page
- About Page
This creates a UI/UX inconsistency, as users expect a skeleton-based loading state similar to the rest of the platform.
🔍 Observed Behavior
When data is loading on these pages, users only see a simple loading indicator, not skeleton cards.
✅ Expected Behavior
These pages should follow the same loading pattern used across other sections:
Show a card-style Skeleton Loader
Maintain layout consistency
Avoid layout shifts when data appears
Provide a smoother, unified user experience
📷 Screenshots
Snapshots Page (current loading behavior):
Expected skeleton loader (taken from Projects section):
🎯 Why This Matters
Ensures consistent UI/UX across the platform
Improves the overall loading experience
Matches the design system used in other card-based sections
Makes Snapshot and About pages feel more professional and polished
🛠️ Proposed Fix
Add skeleton components to the Snapshots list view
Add a suitable skeleton state to the About page
Reuse the existing skeleton card component for consistency
Ensure layout stays stable while data loads
Once this issue is approved, I am happy to create a PR implementing the skeletons.
Metadata
Metadata
Assignees
Type
Projects
Status