Statistics Overview Dashboard Component

Provides a high-level summary of the user's listening statistics through a collection of metric cards displaying key data points. This component serves as the main landing view for the statistics section, offering a quick snapshot of listening habits and patterns.

Features:

  • Grid layout of key metric cards with responsive design
  • Visual indicators with color coding based on metric values
  • Loading skeleton state during data retrieval
  • Empty state handling for new users
  • Hover effects for improved visual engagement
  • Contextual icons for enhanced readability

This component consolidates the most important statistics in a single view, allowing users to quickly assess their listening patterns before diving into more detailed analysis in the specialized tabs.

Interfaces

OverviewTabProps

Functions

OverviewTab