Skip to content

feat: add skeleton loading UI for dashboard pages#24

Open
vedikabajaj05 wants to merge 4 commits into
probably-ABHINAV:mainfrom
vedikabajaj05:feat/4-skeleton-loading-ui
Open

feat: add skeleton loading UI for dashboard pages#24
vedikabajaj05 wants to merge 4 commits into
probably-ABHINAV:mainfrom
vedikabajaj05:feat/4-skeleton-loading-ui

Conversation

@vedikabajaj05
Copy link
Copy Markdown

Description

Adds skeleton loading UI (shimmer/pulse placeholders) to all three dashboard pages (Incidents, Metrics, Infrastructure), replacing blank/abrupt loading states with structured previews while data is being fetched.

Fixes #4

Type of Change

Please delete options that are not relevant.

  • ✨ New feature (non-breaking change which adds functionality)

How Has This Been Tested?

Tested locally by navigating between Incidents, Metrics, and Infrastructure pages in the sidebar. Skeleton placeholders appear for 1.5s before real content loads on each page

  • Local manual testing (Please attach screenshots/recordings if UI changes are involved)

AI Generation Declaration

Did you use AI to generate any of this code?

  • Yes ( Claude )
loadingstate_demo.mp4

Skeleton component structure and loading state logic were generated with AI assistance. I have reviewed and understood all the code before submitting.

Checklist:

  • [x]My code follows the style guidelines of this project
  • [x]I have performed a self-review of my own code
  • [x]I have commented my code, particularly in hard-to-understand areas
  • [x]My changes generate no new warnings
  • [x]I have added tests that prove my fix is effective or that my feature works
  • [x]I am a GSSoC participant and I have been officially assigned to the linked issue by a mentor.

@vercel
Copy link
Copy Markdown

vercel Bot commented May 15, 2026

@vedikabajaj05 is attempting to deploy a commit to the xoxogroovy-7398's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vedikabajaj05
Copy link
Copy Markdown
Author

@probably-ABHINAV , please let me know for any modifications if required.
Thanks

@vedikabajaj05
Copy link
Copy Markdown
Author

@probably-ABHINAV sir, is there any issue in this or any modification that needs to be done? Please let me know.
regards

@probably-ABHINAV
Copy link
Copy Markdown
Owner

Prettier formatting issue in infrastructure/loading.tsx and components/ui/Skeleton.tsx.

@vedikabajaj05
Copy link
Copy Markdown
Author

Prettier formatting issue in infrastructure/loading.tsx and components/ui/Skeleton.tsx.

Will work on it

@vedikabajaj05
Copy link
Copy Markdown
Author

@probably-ABHINAV , Made the changes for the mentioned files, please look into those!
Regards

@probably-ABHINAV
Copy link
Copy Markdown
Owner

Screenshot 2026-05-21 103717

again CI Pipeline is failing

@vedikabajaj05
Copy link
Copy Markdown
Author

Screenshot 2026-05-21 103717 again CI Pipeline is failing

Let me check

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.

[GSSoC]: Implement Skeleton Loading States for Dashboard Pages

2 participants