Layout, cache, and performance tips
Layout
Prefer Split Top when you want stats and chart side by side; Split Bottom when you want the chart on top. Your choice is remembered per device/browser.
Stale or wrong numbers
Use Clear Cache to force a full reload of dashboard and pending data. If you've just approved many posts or changed content elsewhere, this ensures the dashboard reflects it.
Pending posts not updating
Single approval/status change should remove the post from the grid (or update it). If not, click Clear Cache so the pending cache and React Query are invalidated.
If you use date filters on the pending request, ensure the cache key matches what you expect (e.g. "all", "from", "to", or "range" with dates).
Growth Score or stats show zero
Ensure the date range includes the period where activity happened. Try Clear Cache and, if your site has a Growth/API integration, confirm that the backend is returning data for that range.
Performance
The dashboard is built to avoid unnecessary re-renders (memoized widgets, stable date range, comparison in DashboardCore). If you have a very large number of pending posts, the grid may still be heavy; the implementation uses virtualization where available to keep the list performant.
Summary
| Section | What it covers |
Overview | Why the dashboard exists: one screen for KPIs, chart, and content approval; growth monitoring; fast actions and caching. |
Access | Menu and URL; what initializes on load (store, date range, pending posts, stats/chart). |
Header & controls | Layout toggle (Split Top/Bottom), Clear Cache, Edit Mode (soon). |
Layouts | Split Top, Split Bottom, Three-row: where stats, chart, and pending grid appear. |
Stats cards | Published Content, User Engagement, User Registrations (with avatars), Growth Score (with sheet). |
Main chart | Time-series chart; date range; session persistence and reset. |
Pending approval | Grid of pending posts; Approve All (batch with progress); empty state; cache and refresh. |
Data & cache | Enterprise store, presets, TTL, preload; what Clear Cache does. |
Workflow | Step-by-step: open dashboard → single approve or Approve All → optional date range and Clear Cache. |
Tips | Layout choice, when to Clear Cache, pending not updating, zero stats, performance. |