Skip to content

feat(dashboard): add AIInsights loading skeleton#587

Open
shambavi2007 wants to merge 2 commits into
JhaSourav07:mainfrom
shambavi2007:feat/aiinsights-skeleton
Open

feat(dashboard): add AIInsights loading skeleton#587
shambavi2007 wants to merge 2 commits into
JhaSourav07:mainfrom
shambavi2007:feat/aiinsights-skeleton

Conversation

@shambavi2007
Copy link
Copy Markdown
Contributor

@shambavi2007 shambavi2007 commented May 27, 2026

Description

Fixes #367

Added a new AIInsightsSkeleton component to improve dashboard loading UX and prevent empty space before AI insights load.

Changes made

  • Created components/dashboard/AIInsightsSkeleton.tsx
  • Added 3 shimmer placeholder rows matching the AIInsights layout
  • Integrated the skeleton into the right sidebar of DashboardLoading

Pillar

  • 🎨 Pillar 1 — New Theme Design
  • 📐 Pillar 2 — Geometric SVG Improvement
  • 🕐 Pillar 3 — Timezone Logic Optimization
  • 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

Screenshot 2026-05-28 192427

Checklist before requesting a review:

  • I have read the CONTRIBUTING.md file.
  • I have tested these changes locally.
  • I have run npm run format and npm run lint locally and resolved all errors.
  • My commits follow the Conventional Commits format.
  • I have updated README.md if I added a new theme or URL parameter.
  • I have started the repo.
  • I have made sure that i have only one commit to merge in this PR.
  • The SVG output matches the CommitPulse "premium quality" aesthetic standard.
  • I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 27, 2026

@shambavi2007 is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added the type:feature New features, additions, or enhancements label May 27, 2026
@Aamod007
Copy link
Copy Markdown
Collaborator

@shambavi2007 attach SS of skeletion loading

@shambavi2007
Copy link
Copy Markdown
Contributor Author

shambavi2007 commented May 27, 2026

@shambavi2007 attach SS of skeletion loading

@Aamod007 Attached the screenshot showing the dashboard skeleton loading state, including the AIInsights sidebar skeleton.

@Aamod007
Copy link
Copy Markdown
Collaborator

@shambavi2007 can you make it better

@shambavi2007
Copy link
Copy Markdown
Contributor Author

shambavi2007 commented May 27, 2026

@shambavi2007 can you make it better

@Aamod007 Updated the screenshot to better highlight the AIInsights skeleton loading state in the dashboard sidebar.

Also, could you please clarify if by “make it better” you meant improving only the screenshot visibility or if you would like a different skeleton animation/style as well?

@JhaSourav07
Copy link
Copy Markdown
Owner

@shambavi2007

can you make it in dark ?

@shambavi2007
Copy link
Copy Markdown
Contributor Author

@shambavi2007

can you make it in dark?

Screenshot 2026-05-28 192427

@JhaSourav07 Updated the loading skeleton UI with a darker shimmer effect and improved card consistency to better match the dashboard theme. Attached the updated screenshot.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

type:feature New features, additions, or enhancements

Projects

None yet

Development

Successfully merging this pull request may close these issues.

refactor(dashboard): add loading skeleton for AIInsights component

3 participants