Trend and recent activity in one view
Overview chart
Placement: Main content area, typically in a Card titled "Overview" (e.g. spanning more columns on large screens).
Content: A sales-over-time chart (e.g. area or line chart) showing current-period and optionally previous-period series (e.g. "Current" vs "Previous" by month or by day). The SalesAnalytics component (or equivalent) is used here; it accepts optional data (currentSales, previousSales, dates) and a loading state.
Current behavior: If no real data is passed, the chart may display default or sample data (e.g. monthly series) to illustrate the layout. When the Sales Dashboard is connected to a platform (e.g. WooCommerce), the chart will be fed real time-series data for the selected date range.
Loading: A loading placeholder is shown while the chart loads so the layout stays stable.
Recent Sales
Placement: Next to or below the Overview chart, in a Card titled "Recent Sales" with an optional description (e.g. "You made X sales this month").
Content: A list or table of recent transactions (e.g. customer name, contact, amount). The UI may use a Recent Sales component or the same chart component in a compact form; in some versions the list is placeholder or sample data until the integration provides real orders.
Current behavior: Like the KPIs and Overview, this section may show demo data until your sales platform is connected. The WooCommerce orders API (list orders, order details) is intended to feed this section when WooCommerce integration is fully turned on.
Loading: A loading placeholder is shown while recent sales data is loading.
Benefit: One view for trend (Overview) and one for recent activity (Recent Sales); both are designed to be driven by your connected platform(s) so you see real sales inside FleekDash.