Integrate BanTrendChart into DashboardPage (Task 4.3)
Add full-width 'Ban Trend' section card above the country charts. BanTrendChart shares the existing timeRange / originFilter state; loading, error, and empty states are handled inside the component.
This commit is contained in:
@@ -323,7 +323,14 @@ Create `frontend/src/components/BanTrendChart.tsx`. This component renders an **
|
||||
|
||||
### Task 4.3 — Integrate the trend chart into `DashboardPage`
|
||||
|
||||
**Status:** `not started`
|
||||
**Status:** `done`
|
||||
|
||||
Added a "Ban Trend" full-width section card to `DashboardPage` between the
|
||||
`ServerStatusBar` and the "Top Countries" section. The section renders
|
||||
`<BanTrendChart timeRange={timeRange} origin={originFilter} />`, sharing the
|
||||
same state already used by the country charts and ban list. Loading, error,
|
||||
and empty states are handled inside `BanTrendChart` itself. `tsc --noEmit` and
|
||||
ESLint pass with zero warnings.
|
||||
|
||||
Add the `BanTrendChart` to the dashboard page **above** the two country charts and **below** the `ServerStatusBar`.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user