UI/UX: Implement unified EmptyState component for stats page #3195
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description and Related Issue(s)
Resolves #3110
This PR implements a unified EmptyState component for displaying empty states across the application, specifically addressing the stats page "coming soon" case. The new component replaces the previous
ComingSoonandEmptySearchResultcomponents with a more flexible and reusable solution.Proposed Changes
EmptyStatecomponent intoolkit/chakra/empty-state.tsxwith support for three types:query,stats, andcoming_soonempty_state_coming_soon.svg,empty_state_query.svg,empty_state_stats.svg)ComingSoonandEmptySearchResultcomponentsEmptyStatecomponentBreaking or Incompatible Changes
None. The changes are backward compatible as the new component provides the same functionality with improved flexibility.
Additional Information
The new
EmptyStatecomponent supports:Checklist for PR author