Skip to content

feat: Implement Elegant "No Data Found" Empty States for Admin Dashboard Live Activity#476

Merged
Nsanjayboruds merged 2 commits into
Nsanjayboruds:mainfrom
DeepeshKafalatiya:feat/dashboard-empty-states
Jul 16, 2026
Merged

feat: Implement Elegant "No Data Found" Empty States for Admin Dashboard Live Activity#476
Nsanjayboruds merged 2 commits into
Nsanjayboruds:mainfrom
DeepeshKafalatiya:feat/dashboard-empty-states

Conversation

@DeepeshKafalatiya

Copy link
Copy Markdown
Contributor

Pull Request

Summary

Implements a clean, responsive, and reusable EmptyState UI component designed with Tailwind CSS to gracefully handle scenarios when database arrays or socket streams are empty.

Description

  • Created Component: Added a generic, modular, and highly styleable EmptyState.jsx component to the admin dashboard components structure.
  • Implemented Live Feed Handling: Integrated conditional rendering inside Home.jsx to swap out the basic, static "Waiting for user activity..." text with the newly created <EmptyState /> component whenever the live socket activity stream is empty.
  • Developer & Admin Experience: This enhances the visual aesthetic of the admin workspace, eliminating unformatted text blocks and providing a polished, enterprise-ready feel when no data is actively present.

Related Issue

Fixes #469

Type of Change

  • Bug fix
  • New feature
  • Documentation update
  • UI/UX improvement
  • Refactoring

Checklist

  • Code follows project guidelines
  • Tested locally
  • No console errors
  • Documentation updated if required

@DeepeshKafalatiya

DeepeshKafalatiya commented Jul 15, 2026

Copy link
Copy Markdown
Contributor Author

Hi @Nsanjayboruds ,

I have successfully resolved this issue! I created a highly reusable and responsive EmptyState component using Tailwind CSS and integrated it into the Admin Dashboard's real-time activity feed (Home.jsx) to handle empty data flows gracefully.
And submitted the pr.

Please review it at your convenience. Thank you!

@Nsanjayboruds

Copy link
Copy Markdown
Owner

@DeepeshKafalatiya FIX THE FRONTEND LINT

@DeepeshKafalatiya

Copy link
Copy Markdown
Contributor Author

Hi @Nsanjayboruds,

I have fixed the linting error by removing the unused React import from the EmptyState.jsx components in both the frontend and admin directories.

The Lint check is now passing successfully. Could you please take a look and merge the PR when you are free?

Thank you!

@Nsanjayboruds

Nsanjayboruds commented Jul 16, 2026

Copy link
Copy Markdown
Owner

@DeepeshKafalatiya please star the repo

@DeepeshKafalatiya

DeepeshKafalatiya commented Jul 16, 2026

Copy link
Copy Markdown
Contributor Author

@Nsanjayboruds done I star the repo.
Now can you please merge the pr when you are free?

@Nsanjayboruds
Nsanjayboruds merged commit fe0254c into Nsanjayboruds:main Jul 16, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ENHANCEMENT]: Implement Elegant "No Data Found" Empty States for Admin Dashboard and Analytics Charts

2 participants