Skip to content

Missing Skeleton Loading State in Snapshot & About Pages #2673

@dhirukumar

Description

@dhirukumar

📌 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):

Image

Expected skeleton loader (taken from Projects section):

Image

🎯 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

No type

Projects

Status

In progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions